/* Minification failed. Returning unminified contents. (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,28): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-BASE-COLOR' (21,25): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-RADIUS' (26,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (31,19): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-SPACING' (36,44): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITION-CUBIC-BEZIER' (36,94): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITION-CUBIC-BEZIER' (36,137): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITION-CUBIC-BEZIER' (40,23): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-SPACING' (46,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,21): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-FONT-SIZE' (59,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ACCENT' (59,36): run-time error CSS1046: Expect comma, found ')' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (74,24): run-time error CSS1046: Expect comma, found '-' (74,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (74,31): run-time error CSS1046: Expect comma, found ')' (74,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (78,28): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-BASE-COLOR' (79,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (79,20): run-time error CSS1046: Expect comma, found '-' (79,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (79,27): run-time error CSS1046: Expect comma, found ')' (79,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (83,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (83,24): run-time error CSS1046: Expect comma, found '-' (83,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ACCENT' (83,32): run-time error CSS1046: Expect comma, found ')' (83,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (89,32): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-HOVER-COLOR' (103,18): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-SIZE' (104,17): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-SIZE' (108,24): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-MARGIN' (112,23): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-MARGIN' (117,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,27): run-time error CSS1039: Token not allowed after unary operator: '-BUTTON-ICON-SPACING' (136,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (196,28): run-time error CSS1039: Token not allowed after unary operator: '-BLUE-500' (200,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (204,28): run-time error CSS1039: Token not allowed after unary operator: '-RED-400' (222,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (223,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (224,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (226,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (236,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (236,39): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (238,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (240,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (241,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (249,26): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (249,41): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (250,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (250,52): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-200' (251,26): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITIONS-CUBIC-BEZIER' (255,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (256,33): run-time error CSS1039: Token not allowed after unary operator: '-WHITE' (257,43): run-time error CSS1039: Token not allowed after unary operator: '-BLACK' (257,82): run-time error CSS1039: Token not allowed after unary operator: '-BLACK' (277,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (287,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (287,31): run-time error CSS1046: Expect comma, found '-' (287,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ACCENT' (287,39): run-time error CSS1046: Expect comma, found ')' (287,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (289,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-2' (290,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (290,20): run-time error CSS1046: Expect comma, found '-' (290,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (290,27): run-time error CSS1046: Expect comma, found ')' (290,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (294,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (295,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-H4' (297,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (302,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-700' (303,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (304,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (316,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (317,31): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XL-3' (318,17): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XL-3' (320,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-1' (324,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C3' (326,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (331,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (332,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (334,29): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (335,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (335,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (337,22): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITIONS-CUBIC-BEZIER' (344,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (344,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (393,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (394,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (401,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (402,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (403,21): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (408,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (409,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C3' (411,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (416,29): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (420,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (420,54): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (425,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (426,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (434,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (434,38): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (435,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-700' (439,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-3' (443,17): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-1' (444,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-1' (446,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (447,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (451,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (455,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (455,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (456,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (456,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-200' (461,15): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (462,16): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (463,22): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (463,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-300' (467,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (467,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (468,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (468,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-200' (472,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (472,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (473,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (473,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (478,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (479,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (483,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (489,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (490,25): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (495,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-100' (497,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (501,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (501,31): run-time error CSS1046: Expect comma, found '-' (501,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (501,38): run-time error CSS1046: Expect comma, found ')' (501,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (502,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (503,26): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (507,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (508,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (517,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (521,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C3' (522,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (526,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (530,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (531,32): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (532,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (541,17): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-2' (542,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-2' (544,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (546,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (547,28): run-time error CSS1039: Token not allowed after unary operator: '-GREY-100' (551,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (554,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C3' (561,21): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (562,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (563,25): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (568,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (568,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-200' (569,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (569,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (570,22): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (570,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-300' (577,22): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (577,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-300' (593,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (593,52): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-200' (594,26): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (594,41): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (595,26): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITIONS-CUBIC-BEZIER' (599,30): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (599,45): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (600,30): run-time error CSS1039: Token not allowed after unary operator: '-TRANSITIONS-CUBIC-BEZIER' (605,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (605,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (606,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (606,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (607,22): run-time error CSS1039: Token not allowed after unary operator: '-WHITE' (611,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (613,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (624,21): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-2' (625,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-2' (630,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (631,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-3' (636,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (641,27): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (648,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-1' (654,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (659,33): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (660,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (664,44): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (668,34): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (669,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (673,43): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (679,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (680,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C3' (681,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-2' (687,25): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (688,27): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (693,33): run-time error CSS1039: Token not allowed after unary operator: '-WHITE' (694,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (706,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (706,43): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (706,63): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (711,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (719,40): run-time error CSS1039: Token not allowed after unary operator: '-CABIN-AISLES' (719,66): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (720,27): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (725,20): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (731,44): run-time error CSS1039: Token not allowed after unary operator: '-CABIN-AISLES' (731,70): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-2' (732,31): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (734,30): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (783,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (789,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (790,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (790,35): run-time error CSS1046: Expect comma, found '-' (790,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (790,42): run-time error CSS1046: Expect comma, found ')' (790,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (811,27): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (827,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-3' (828,29): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (833,26): run-time error CSS1039: Token not allowed after unary operator: '-SEAT-SELECTION-BOX-SHADOW' (837,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (838,26): run-time error CSS1039: Token not allowed after unary operator: '-SEAT-SELECTION-BOX-SHADOW' (842,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (842,35): run-time error CSS1046: Expect comma, found '-' (842,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (842,42): run-time error CSS1046: Expect comma, found ')' (842,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (855,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (861,38): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (872,31): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (885,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (891,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (892,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-H2' (900,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (901,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (902,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (912,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (913,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (914,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (918,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (918,39): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (929,37): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (929,52): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (939,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (941,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (945,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (946,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (950,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (952,24): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (962,43): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (962,58): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-1000' (963,33): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT' (963,48): run-time error CSS1039: Token not allowed after unary operator: '-ACCENT-LIGHT-100' (967,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (969,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (971,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (972,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (973,22): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (979,20): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (980,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-400' (984,18): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (985,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (986,35): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (987,23): run-time error CSS1039: Token not allowed after unary operator: '-FONT-FAMILY' (995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (996,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (996,31): run-time error CSS1046: Expect comma, found '-' (996,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (996,38): run-time error CSS1046: Expect comma, found ')' (996,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1017,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (1033,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-3' (1034,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-2' (1039,22): run-time error CSS1039: Token not allowed after unary operator: '-LAYOUT-BOX-SHADOW' (1043,19): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-MD-3' (1044,22): run-time error CSS1039: Token not allowed after unary operator: '-LAYOUT-BOX-SHADOW' (1048,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1048,31): run-time error CSS1046: Expect comma, found '-' (1048,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-WHITE' (1048,38): run-time error CSS1046: Expect comma, found ')' (1048,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1065,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-LG-1' (1071,38): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (1089,35): run-time error CSS1039: Token not allowed after unary operator: '-GREY-200' (1093,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (1094,26): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (1103,17): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (1104,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (1113,21): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C1' (1114,25): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (1133,23): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-3' (1148,21): run-time error CSS1039: Token not allowed after unary operator: '-GREY-900' (1149,25): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-H5' (1151,29): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-XS-2' (1155,21): run-time error CSS1039: Token not allowed after unary operator: '-GREY-600' (1156,25): run-time error CSS1039: Token not allowed after unary operator: '-FONT-SIZES-C2' (1166,27): run-time error CSS1039: Token not allowed after unary operator: '-SPACING-SM-1' (1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1725,9): run-time error CSS1036: Expected expression, found ';' (17554,52): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-gray' (17639,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (17640,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (17641,18): run-time error CSS1039: Token not allowed after unary operator: '-element-border' (17775,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (17790,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (17839,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white-hover' (17843,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white-pressed' (18069,27): run-time error CSS1046: Expect comma, found '0' (18069,31): run-time error CSS1046: Expect comma, found '/' (18069,59): run-time error CSS1046: Expect comma, found '0' (18069,63): run-time error CSS1046: Expect comma, found '/' (18799,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (19126,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (19136,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (20266,17): run-time error CSS1039: Token not allowed after unary operator: '-error-color' (20501,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (21830,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (21833,19): run-time error CSS1039: Token not allowed after unary operator: '-input-padding' (21844,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (21852,15): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color' (21856,17): run-time error CSS1039: Token not allowed after unary operator: '-input-padding' (21862,15): run-time error CSS1039: Token not allowed after unary operator: '-color-tg-orange' (21880,22): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-right' (21885,23): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-bottom' (21901,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (21906,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black08' (21927,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (21940,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (21944,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (21948,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (22026,24): run-time error CSS1039: Token not allowed after unary operator: '-default-color-gray' (22051,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tg-gray-dark' (22055,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tg-yellow' (22071,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black12' (22092,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (22141,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (22146,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (22160,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (22176,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (22203,21): run-time error CSS1039: Token not allowed after unary operator: '-color-tg-orange' (22210,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (22218,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (22247,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black08' (22260,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black87' (22271,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-gray' (22278,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (22288,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black87' */ .duffel-components .ff-icon { margin-left: initial; display: block; fill: currentColor; } .duffel-components .duffel-button { --BUTTON-BASE-COLOR: rgb(var(--ACCENT)); --BUTTON-HOVER-COLOR: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)); --BUTTON-FONT-SIZE: var(--FONT-SIZES-C1); --BUTTON-ICON-SIZE: 24px; --BUTTON-RADIUS: 5px; --BUTTON-SPACING: 2px 40px; --BUTTON-ICON-SPACING: 8px; --BUTTON-ICON-MARGIN: 12px; --TRANSITION-CUBIC-BEZIER: cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-appearance: none; align-items: center; background-color: inherit; border: 2px solid var(--BUTTON-BASE-COLOR); border-radius: var(--BUTTON-RADIUS); box-sizing: border-box; color: inherit; cursor: pointer; display: flex; font-family: var(--FONT-FAMILY); font-size: inherit; font-weight: normal; line-height: 1; margin: 0; padding: var(--BUTTON-SPACING); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background-color 0.3s var(--TRANSITION-CUBIC-BEZIER), border-color 0.3s var(--TRANSITION-CUBIC-BEZIER), color 0.3s var(--TRANSITION-CUBIC-BEZIER); } .duffel-components .duffel-button.duffel-button--icon-only { padding: var(--BUTTON-ICON-SPACING); height: 40px; width: 40px; } .duffel-components .duffel-button.duffel-button--icon-only > svg { --BUTTON-ICON-SIZE: 24px; margin: 0 auto; } .duffel-components .duffel-button__text { display: block; font-size: var(--BUTTON-FONT-SIZE); font-weight: 600; line-height: 1.5; } .duffel-components .duffel-button:focus { outline-offset: 0.25em; outline: 2px solid rgb(--ACCENT); } .duffel-components .duffel-button--primary { --BUTTON-HOVER-COLOR: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)); } .duffel-components .duffel-button--muted { --BUTTON-BASE-COLOR: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); --BUTTON-HOVER-COLOR: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); border-color: transparent; } .duffel-components .duffel-button--muted.duffel-button--solid:hover, .duffel-components .duffel-button--muted.duffel-button--solid:active { color: rgb(var(--WHITE)); } .duffel-components .duffel-button--solid { background-color: var(--BUTTON-BASE-COLOR); color: rgb(var(--WHITE)); } .duffel-components .duffel-button--solid.duffel-button--muted { color: rgb(var(--ACCENT)); } .duffel-components .duffel-button--solid:hover, .duffel-components .duffel-button--solid:active { border-color: transparent; background-color: var(--BUTTON-HOVER-COLOR); } .duffel-components .duffel-button--is-disabled { cursor: default; opacity: 0.4; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .duffel-components .duffel-button .duffel-button__icon { display: block; height: var(--BUTTON-ICON-SIZE); width: var(--BUTTON-ICON-SIZE); } .duffel-components .duffel-button .duffel-button__icon--before { margin-right: var(--BUTTON-ICON-MARGIN); } .duffel-components .duffel-button .duffel-button__icon--after { margin-left: var(--BUTTON-ICON-MARGIN); } @media screen and (min-width: 768px) { .duffel-components .duffel-button { --BUTTON-FONT-SIZE: var(--FONT-SIZES-C1); --BUTTON-ICON-SIZE: 18px; --BUTTON-SPACING: 4px 16px; line-height: 24px } .duffel-components .duffel-button:not(.duffel-button--icon-only) { height: 40px; } .duffel-components .duffel-button.duffel-button--icon-only { padding: var(--BUTTON-ICON-SPACING); height: 40px; width: 40px; } } .duffel-components .popover-container { width: 320px; padding: var(--SPACING-SM-1); border: 1px solid rgba(59, 64, 86, 0.1); border-radius: 8px; background: white; z-index: 999; box-shadow: 0px 1px 4px rgba(59, 64, 86, 0.3); } @-webkit-keyframes opacity-animation { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } } @keyframes opacity-animation { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } } .duffel-components .spinner { align-items: center; display: flex; justify-content: center; pointer-events: none; width: 100%; height: 12px; } .duffel-components .spinner-dot { -webkit-animation: opacity-animation 1.4s infinite ease-in-out both; animation: opacity-animation 1.4s infinite ease-in-out both; background-color: currentcolor; border-radius: 100%; display: inline-block; margin: 0px 4px; height: 12px; width: 12px; flex: 0 0 auto; } .duffel-components .small { height: 8px; } .duffel-components .small.spinner-dot { height: 8px; width: 8px; margin: 0 2px; } .duffel-components .primary.spinner-dot { background-color: var(--BLUE-500); } .duffel-components .muted.spinner-dot { background-color: var(--GREY-400); } .duffel-components .danger.spinner-dot { background-color: var(--RED-400); } .duffel-components .one { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .duffel-components .two { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .duffel-components .seat-map__tab-select { width: 100%; max-width: 400px; display: flex; text-align: center; min-height: var(--SPACING-LG-1); margin-bottom: var(--SPACING-MD-3); border: 2px solid var(--GREY-200); border-radius: 3px; background-color: var(--GREY-200); } .duffel-components .seat-map__tab-select-option { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin: 0; border: none; padding: var(--SPACING-XS-2) var(--SPACING-SM-3); font-weight: 600; font-size: var(--FONT-SIZES-C2); width: 100%; color: var(--GREY-900); background-color: var(--GREY-200); cursor: pointer; border-radius: 3px; } .duffel-components .seat-map__tab-select-option:hover, .duffel-components .seat-map__tab-select-option:focus, .duffel-components .seat-map__tab-select-option:active { color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)); transition: var(--TRANSITIONS-CUBIC-BEZIER); } .duffel-components .seat-map__tab-select-option--selected { color: var(--GREY-900); background-color: rgba(var(--WHITE), 1); box-shadow: 0px 0px 0px 1px rgba(var(--BLACK), 0.05), 0px 2px 12px rgba(var(--BLACK), 0.08); } .duffel-components .seat-map__tab-select-option:first-child { margin-right: 1px; } .duffel-components .seat-map__tab-select-option:last-child { margin-left: 1px; } .duffel-components .error-state__container { display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; max-width: 308px; text-align: center; margin: 0 auto; font-family: var(--FONT-FAMILY); height: 100%; } .duffel-components .error-state__icon { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; background-color: rgb(var(--ACCENT)); border-radius: 50%; margin-bottom: var(--SPACING-MD-2); color: rgb(var(--WHITE)); } .duffel-components .error-state__title { color: var(--GREY-900); font-size: var(--FONT-SIZES-H4); line-height: 36px; margin: 0 0 var(--SPACING-SM-3); padding: 0; } .duffel-components .error-state__copy { color: var(--GREY-700); font-size: var(--FONT-SIZES-C1); line-height: var(--SPACING-MD-3); padding: 0; margin: 0; } .duffel-components .loading-state__container { display: flex; flex-direction: column; align-content: center; align-items: center; text-align: center; justify-content: center; font-family: var(--FONT-FAMILY); height: calc(100vh - var(--SPACING-XL-3)); width: var(--SPACING-XL-3); margin: 0 auto; line-height: var(--SPACING-MD-1); } .duffel-components .loading-state__message { font-size: var(--FONT-SIZES-C3); text-transform: uppercase; color: var(--GREY-400); letter-spacing: 0.02rem; } .duffel-components .loading-state__progress-indicator { height: var(--SPACING-XS-2); margin: var(--SPACING-SM-3) 0; border-radius: 999px; width: calc(100% - var(--SPACING-SM-1)); background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); position: relative; transition: var(--TRANSITIONS-CUBIC-BEZIER); } .duffel-components .loading-state__progress-indicator--status { display: block; height: 100%; border-radius: 999px; background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); position: relative; -webkit-animation: fillstatus 1s linear; animation: fillstatus 1s linear; } @-webkit-keyframes fillstatus { 0% { width: 0; } 70% { width: 100%; } 80% { opacity: 1; width: 100%; } 100% { opacity: 0; width: 100%; } } @keyframes fillstatus { 0% { width: 0; } 70% { width: 100%; } 80% { opacity: 1; width: 100%; } 100% { opacity: 0; width: 100%; } } .duffel-components .loading-state__segment { display: flex; flex-direction: row; margin: var(--SPACING-XS-2) 0; color: var(--GREY-400); text-transform: uppercase; } .duffel-components .loading-state__segment--origin, .duffel-components .loading-state__segment--destination { font-weight: 600; font-size: var(--FONT-SIZES-C1); color: var(--GREY-900); padding: 0 var(--SPACING-SM-1); text-transform: uppercase; } .duffel-components .loading-state__duration { color: var(--GREY-400); font-size: var(--FONT-SIZES-C3); letter-spacing: 0.02rem; margin: var(--SPACING-XS-2) 0; text-transform: uppercase; } .duffel-components .seat-map__legend { width: calc(100% + var(--SPACING-MD-3)); min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; margin: calc(var(--SPACING-SM-1) * -1) calc(var(--SPACING-SM-2) * -1); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: var(--SPACING-MD-3); font-size: var(--FONT-SIZES-C2); font-weight: 400; } .duffel-components .seat-map__legend-item { display: flex; align-items: center; text-transform: capitalize; margin: var(--SPACING-SM-1) var(--SPACING-SM-2); color: var(--GREY-700); } .duffel-components .seat-map__legend-item--symbol .ff-icon { margin-right: var(--SPACING-XS-3); } .duffel-components .seat-map__legend-seat { width: var(--SPACING-MD-1); height: var(--SPACING-MD-1); border-radius: 5px; border: 2px solid var(--GREY-400); color: var(--GREY-400); display: flex; align-items: center; justify-content: center; margin-right: var(--SPACING-SM-1); } .duffel-components .seat-map__legend-seat--fee-payable { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)); } .duffel-components .seat-map__legend-seat--fee-payable-indicator { position: relative; top: var(--SPACING-XS-2); left: var(--SPACING-XS-2); color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)); } .duffel-components .seat-map__legend-seat--included { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)); } .duffel-components .seat-map__legend-seat--selected { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); } .duffel-components .map-element--amenity { width: 100%; height: var(--SPACING-LG-1); color: var(--GREY-600); display: flex; align-items: center; justify-content: center; margin-bottom: var(--SPACING-SM-1); } @media only screen and (min-width: 768px) { .duffel-components .map-element--amenity { width: 100%; height: var(--SPACING-LG-3); font-size: var(--FONT-SIZES-C2) } } .duffel-components .map-element--wrapped { background-color: var(--GREY-100); border-radius: 8px; border: 2px solid var(--GREY-200); } .duffel-components .seat-info { background-color: rgb(var(--WHITE)); padding: var(--SPACING-SM-3); padding-bottom: var(--SPACING-SM-3); } .duffel-components .seat-info__details { font-size: var(--FONT-SIZES-C1); color: var(--GREY-900); font-weight: normal; text-transform: none; display: flex; justify-content: space-between; } .duffel-components .seat-info__details > span { flex-grow: 1; margin: 0 var(--SPACING-SM-1); } .duffel-components .seat-info__disclosure { font-size: var(--FONT-SIZES-C3); color: var(--GREY-600); line-height: 150%; text-transform: none; font-weight: normal; margin-top: var(--SPACING-SM-1); } .duffel-components .seat-info__details + .seat-info__disclosure { padding-top: var(--SPACING-SM-3); border-top: 1px solid var(--GREY-200); margin-top: var(--SPACING-SM-3); } .duffel-components .map-element__seat { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: default; width: var(--SPACING-LG-2); height: var(--SPACING-LG-2); border-radius: 8px; border: 2px solid var(--GREY-200); box-sizing: border-box; color: var(--GREY-600); background-color: var(--GREY-100); display: flex; align-items: center; justify-content: center; line-height: var(--SPACING-MD-3); text-transform: uppercase; font-weight: bold; font-size: var(--FONT-SIZES-C3); text-align: left; position: relative; } @media only screen and (min-width: 768px) { .duffel-components .map-element__seat { width: var(--SPACING-LG-3); height: var(--SPACING-LG-3); font-size: var(--FONT-SIZES-C2) } } .duffel-components .map-element--available { border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)); background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)); } .duffel-components .map-element--fee-payable { position: absolute; top: 22px; left: 22px; color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-300)); } @media only screen and (min-width: 768px) { .duffel-components .map-element--fee-payable { top: 26px; left: 26px } } @media (hover: hover) and (pointer: fine) { .duffel-components .map-element--actionable:hover { cursor: pointer; } .duffel-components .map-element--actionable:not(.map-element--selected):hover { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-200)); color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); transition: var(--TRANSITIONS-CUBIC-BEZIER); } .duffel-components .map-element--actionable:not(.map-element--selected):hover .map-element--fee-payable { color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); transition: var(--TRANSITIONS-CUBIC-BEZIER); } } .duffel-components .map-element--selected { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); border: 2px solid rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)); color: rgba(var(--WHITE), 1); } .duffel-components .map-element--exit { color: var(--GREY-400); width: 100%; height: var(--SPACING-LG-3); display: flex; justify-content: flex-start; align-items: center; } .duffel-components .map-element--exit--right { justify-content: flex-end; } .duffel-components .map-element--empty { min-width: var(--SPACING-LG-2); height: var(--SPACING-LG-2); } @media only screen and (min-width: 768px) { .duffel-components .map-element--empty { min-width: var(--SPACING-LG-3); height: var(--SPACING-LG-3) } } .duffel-components .map-element + .map-element { margin-left: var(--SPACING-XS-2); } @media only screen and (min-width: 768px) { .duffel-components .map-element + .map-element { margin-left: var(--SPACING-SM-1) } } .duffel-components .map-section { display: flex; justify-content: center; padding: var(--SPACING-XS-1) 0; } @media only screen and (min-width: 768px) { .duffel-components .map-section { padding: var(--SPACING-XS-2) 0 } } .duffel-components .map-section--left { border-left: 2px solid var(--GREY-200); padding-left: var(--SPACING-SM-3); } .duffel-components .map-section--left.map-section--wing { box-shadow: -19px 0px 0px 0px var(--GREY-200); } .duffel-components .map-section--right { border-right: 2px solid var(--GREY-200); padding-right: var(--SPACING-SM-3); } .duffel-components .map-section--right.map-section--wing { box-shadow: 19px 0px 0px 0px var(--GREY-200); } .duffel-components .map-section__aisle { display: flex; justify-content: center; color: var(--GREY-600); font-size: var(--FONT-SIZES-C3); line-height: var(--SPACING-MD-2); } @media only screen and (min-width: 768px) { .duffel-components .map-section__aisle { font-size: var(--FONT-SIZES-C2); line-height: var(--SPACING-MD-3) } } .duffel-components .seat-map { background-color: rgba(var(--WHITE), 1); padding: var(--SPACING-SM-3); display: flex; flex-direction: column; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 100%; } @media only screen and (min-width: 768px) { .duffel-components .seat-map { padding: var(--SPACING-LG-1) var(--SPACING-SM-3) var(--SPACING-SM-3) } } .duffel-components .seat-map__legend-container { margin-bottom: var(--SPACING-MD-3); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .duffel-components .seat-map__map-container { display: grid; grid-template-columns: repeat(var(--CABIN-AISLES), auto var(--SPACING-LG-1)) auto; grid-column-gap: var(--SPACING-XS-2); align-items: center; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: 0 var(--SPACING-SM-2); } @media only screen and (min-width: 768px) { .duffel-components .seat-map__map-container { grid-template-columns: repeat(var(--CABIN-AISLES), auto var(--SPACING-LG-2)) auto; grid-column-gap: var(--SPACING-SM-2); margin: 0; padding-bottom: var(--SPACING-LG-1) } } .duffel-components { --FONT-FAMILY: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; --FONT-SIZES-C0: 20px; --FONT-SIZES-C1: 16px; --FONT-SIZES-C2: 14px; --FONT-SIZES-C3: 12px; --FONT-SIZES-H2: 32px; --FONT-SIZES-H3: 28px; --FONT-SIZES-H4: 24px; --FONT-SIZES-H5: 20px; --SPACING-XL-3: 128px; --SPACING-XL-2: 64px; --SPACING-XL-1: 56px; --SPACING-LG-3: 48px; --SPACING-LG-2: 40px; --SPACING-LG-1: 32px; --SPACING-MD-3: 24px; --SPACING-MD-2: 20px; --SPACING-MD-1: 18px; --SPACING-SM-3: 16px; --SPACING-SM-2: 12px; --SPACING-SM-1: 8px; --SPACING-XS-3: 6px; --SPACING-XS-2: 4px; --SPACING-XS-1: 2px; --SPACING-NONE: 0; --GREY-100: #f7f5f9; --GREY-200: #e2e2e8; --GREY-400: #ababb4; --GREY-500: #86868e; --GREY-600: #696972; --GREY-700: #4b4b55; --GREY-900: #29292e; --RED: #e3350f; --BLACK: 0, 0, 0; --WHITE: 255, 255, 255; --ACCENT: 57, 111, 233; --ACCENT-LIGHT-100: 0.08; --ACCENT-LIGHT-200: 0.24; --ACCENT-LIGHT-300: 0.48; --ACCENT-LIGHT-1000: 1; --TRANSITIONS-CUBIC-BEZIER: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; font-family: var(--FONT-FAMILY); overflow: hidden; height: 100%; } .duffel-components .seat-selection { --SEAT-SELECTION-BOX-SHADOW: 0px 0px 0px 1px rgba(var(--BLACK), 0.05), 0px 4px 24px rgba(var(--BLACK), 0.08); background-color: rgb(var(--WHITE)); display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0; position: relative; } .duffel-components .seat-selection__content { display: flex; flex-direction: column; align-items: center; flex-grow: 1; border-bottom: 1px solid rgba(59, 64, 86, 0.1); height: calc(100% - 177px); overflow: auto; } .duffel-components .seat-selection__content-child--passengers { display: none; padding-top: var(--SPACING-LG-1); } .duffel-components .seat-selection__content-child--map { width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } .duffel-components .seat-selection__mobile-seat-info { align-self: center; position: absolute; bottom: 187px; width: calc(100% - 20px); padding: var(--SPACING-XS-3); margin-bottom: var(--SPACING-SM-2); height: auto; background-color: white; border-radius: 8px; z-index: 100; box-shadow: var(--SEAT-SELECTION-BOX-SHADOW); } .duffel-components .seat-selection__confirmation { padding: var(--SPACING-MD-3); box-shadow: var(--SEAT-SELECTION-BOX-SHADOW); position: -webkit-sticky; position: sticky; bottom: 0; background-color: rgb(var(--WHITE)); } @media screen and (min-width: 768px) { .duffel-components .seat-selection__content { height: auto; padding: 0; flex-direction: row; align-items: initial; max-height: calc(100vh - 115px); } .duffel-components .seat-selection__confirmation { padding: var(--SPACING-LG-1); box-shadow: none; } .duffel-components .seat-selection__content-child--passengers { overflow: auto; border-right: 1px solid var(--GREY-200); display: flex; flex-direction: column; position: -webkit-sticky; position: sticky; top: 0; flex: 1 0 auto; min-width: 415px; } .duffel-components .seat-selection__content-child--passengers > div:not(.passenger-selection) { margin-left: var(--SPACING-LG-1); } .duffel-components .seat-selection__content-child--map { height: auto; align-items: center; overflow: auto; } } .duffel-components .passenger-selection { display: flex; flex-direction: column; font-family: var(--FONT-FAMILY); flex-grow: 1; } .duffel-components .passenger-selection__title { margin: 0; padding: 0 0 var(--SPACING-MD-3); font-size: var(--FONT-SIZES-H2); line-height: 1.2; min-width: 360px; } .duffel-components .passenger-selection__segments { list-style: none; overflow-y: auto; font-size: var(--FONT-SIZES-C1); padding: var(--SPACING-XS-2); margin: calc(var(--SPACING-XS-2) * -1); } .duffel-components .passenger-selection-passenger { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; cursor: pointer; font-size: var(--FONT-SIZES-C2); font-family: var(--FONT-FAMILY); margin-top: var(--SPACING-XS-2); height: 32px; display: flex; align-items: center; padding: var(--SPACING-SM-1) var(--SPACING-LG-1); width: 100%; } .duffel-components .passenger-selection-passenger:first-child { margin-top: 0; } .duffel-components .passenger-selection-passenger:hover, .duffel-components .passenger-selection-passenger:focus, .duffel-components .passenger-selection-passenger:active { background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); } .duffel-components .passenger-selection-passenger__identifier, .duffel-components .passenger-selection-passenger__action { line-height: 1; } .duffel-components .passenger-selection-passenger__identifier { flex-grow: 1; margin-right: var(--SPACING-LG-1); text-align: left; color: var(--GREY-900); } .duffel-components .passenger-selection-passenger__action { color: var(--GREY-600); margin-right: var(--SPACING-XS-2); } .duffel-components .passenger-selection-passenger__seat-designator { color: var(--GREY-900); font-weight: 600; margin-right: var(--SPACING-SM-3); } .duffel-components .passenger-selection-passenger__seat-price { text-align: right; display: inline-block; width: 70px; } .duffel-components .passenger-selection-passenger--selected { box-shadow: 4px 0px 0px 0px rgba(var(--ACCENT), var(--ACCENT-LIGHT-1000)) inset; background-color: rgba(var(--ACCENT), var(--ACCENT-LIGHT-100)); } .duffel-components .passenger-segment__title { color: var(--GREY-900); font-style: normal; font-size: var(--FONT-SIZES-C1); font-weight: 600; line-height: var(--SPACING-MD-3); padding: 0 0 0 var(--SPACING-LG-1); margin: 0 0 var(--SPACING-SM-1); display: flex; align-items: center; } .duffel-components .passenger-segment__chevron { margin: 0 var(--SPACING-SM-1); color: var(--GREY-400); } .duffel-components .passenger-selection-segment { margin: var(--SPACING-LG-1) 0 0; padding: 0 0 var(--SPACING-LG-1); border-bottom: 1px solid var(--GREY-200); font-family: var(--FONT-FAMILY); } .duffel-components .passenger-selection-segment:first-child { margin-top: 0; } .duffel-components .layout { --LAYOUT-BOX-SHADOW: 0px 0px 0px 1px rgba(var(--BLACK), 0.05), 0px 4px 24px rgba(var(--BLACK), 0.08); background-color: rgb(var(--WHITE)); display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0; position: relative; } .duffel-components .layout__container { display: flex; flex-direction: column; align-items: center; flex-grow: 1; border-bottom: 1px solid rgba(59, 64, 86, 0.1); height: calc(100% - 177px); overflow: auto; } .duffel-components .layout__aside { display: none; padding-top: var(--SPACING-LG-1); } .duffel-components .layout__main-content { width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } .duffel-components .layout__mobile-info { align-self: center; position: absolute; bottom: 187px; width: calc(100% - 20px); padding: var(--SPACING-XS-3); margin-bottom: var(--SPACING-SM-2); height: auto; background-color: white; border-radius: 8px; z-index: 100; box-shadow: var(--LAYOUT-BOX-SHADOW); } .duffel-components .layout__confirmation { padding: var(--SPACING-MD-3); box-shadow: var(--LAYOUT-BOX-SHADOW); position: -webkit-sticky; position: sticky; bottom: 0; background-color: rgb(var(--WHITE)); } @media screen and (min-width: 768px) { .duffel-components .layout { overflow: hidden; } .duffel-components .layout__container { height: auto; padding: 0; flex-direction: row; align-items: initial; max-height: calc(100vh - 115px); } .duffel-components .layout__confirmation { padding: var(--SPACING-LG-1); box-shadow: none; } .duffel-components .layout__aside { overflow: auto; border-right: 1px solid var(--GREY-200); display: flex; flex-direction: column; position: -webkit-sticky; position: sticky; top: 0; flex: 1 0 auto; min-width: 415px; } .duffel-components .layout__main-content { height: auto; align-items: center; overflow: auto; } } .duffel-components .summary__segment { border-bottom: 1px solid var(--GREY-200); display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--SPACING-SM-3); padding-bottom: var(--SPACING-SM-3); } .duffel-components .summary__segment > .passenger-segment__title { padding: 0; margin: 0; } .duffel-components .summary__segment-passenger { color: var(--GREY-900); font-size: var(--FONT-SIZES-C1); font-weight: normal; margin: 0; padding: 0; } .duffel-components .summary__description-cost { display: flex; justify-content: space-between; font-size: var(--FONT-SIZES-C1); margin-bottom: var(--SPACING-SM-3); } .duffel-components .summary:not(.summary--mobile) { padding-top: 0; display: none; } .duffel-components .summary__actions { display: flex; } .duffel-components .summary__actions--previous { transform: rotate(180deg); } .duffel-components .summary__actions > button:last-of-type { flex: 1 auto; justify-content: center; margin-left: var(--SPACING-SM-3); } @media screen and (min-width: 768px) { .duffel-components .summary:not(.summary--mobile) { display: flex; justify-content: space-between; align-items: center; } .duffel-components .summary--mobile { display: none; } .duffel-components .summary__description-title { color: var(--GREY-900); font-size: var(--FONT-SIZES-H5); line-height: 26px; margin-bottom: var(--SPACING-XS-2); } .duffel-components .summary__description-cost { color: var(--GREY-600); font-size: var(--FONT-SIZES-C2); line-height: 21px; margin-bottom: 0; } .duffel-components .summary__actions--previous.duffel-button--icon-only { padding: 0; } .duffel-components .summary__actions .summary__confirmation-btn:last-child { margin-left: var(--SPACING-SM-1); } } :root { /*Elements*/ --element-border: 1px solid var(--default-color-gray); --element-padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left); --input-font-size: 17px; --input-border: var(--element-border); --input-border-radius: 8px; --input-padding-top: 12px; --input-padding-right: 16px; --input-padding-bottom: 12px; --input-padding-left: 16px; --input-padding: var(--element-padding); /* checkbox radio */ --checkbox-radio-size: 16px; --checkbox-radio-gap: 12px; /* Colors*/ --error-color: #F34336; --active-color-rgb: 230, 150, 85; --active-color: #E69655; --active-color: rgb(230, 150, 85); --hover-color: #B0B0B0; --default-color-gray: #E0E0E0; --default-color-gray: rgba(0, 0, 0, 0.12); --placeholder-color: #888; --placeholder-color: rgba(0, 0, 0, 0.54); --color-dark-gray: #595959; --color-black: #000000; --color-black08: #EBEBEB; --color-black08: rgba(0, 0, 0, 0.08); --color-black12: #E0E0E0; --color-black12: rgba(0, 0, 0, 0.12); --color-black87: #000000; --color-black87: rgba(0, 0, 0, 0.87); --color-white: #ffffff; --color-bg-gray: #FAFAFA; --color-tg-orange: #D26450; --color-disabled: #F4F4F4; --color-tg-gray-dark: #888; --color-tg-gray-dark: rgba(0, 0, 0, 0.54); --color-tg-yellow: #E69655; --color-tg-yellow: rgb(230, 150, 85); --color-primary: var(--color-tg-orange); --color-tertiary: #D7C4B7; --color-white-hover: #EBEBEB; --color-white-pressed: #D6D6D6; /* Text */ --text-color: var(--color-black87); --text-color-gray: #888; --text-color-gray: rgba(0, 0, 0, 0.54); --text-color-hint: #595959; --text-color-hint: rgba(89, 89, 89, 1); } /** ************************************* ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update 10:35 PM Friday, July 18, 2014 TABLE CONTENTS --------------------------- 01. Resets 02. Placeholder 03. Selection 04. JS Animation 05. Commons 06. Bootstrap Rewrite 07. Pure CSS Animations 06. Callouts 07. Headings 08. Paragraphs 09. Drop Caps & Cite 10. Blockquote 11. Progress Bar 12. Buttons 13. Labels 14. Alerts 15. Pagination 16. Parallax 17. Isotope 18. Dividers 19. Forms 20. Count To [number] 21. Tabs 22. Accordion 23. Toggle 24. Featured Box & Featured Icons 25. Image Thumbnail 26. Modal 27. Carousel 28. Breadcrumbs 29. Nav List (aside) 30. Price Table 31. Animation 32. Dropcap 33. Masonry 34. Media Elements 35. Testimonials 36. Background Patterns --. Printable Div --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { /*border: 2px solid #E5E7E9; border-radius: 6px; height: 46px; padding: 12px; outline: none;*/ } .form-horizontal .checkbox input[type="radio"], .form-horizontal .checkbox input[type="checkbox"] { margin-top:3px; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } /** 02. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 03. Selection *************************************************** **/ ::selection { color:#000; background:#ccc; text-shadow:none; } ::-moz-selection { color:#000; background:#ccc; text-shadow:none; } /** 04. JS Animation *************************************************** **/ .animate_from_bottom { opacity: 0; bottom: -50px; padding-left: 0px; position: relative; } .animate_from_left { opacity: 0; left: -80px; padding-right: 0px; position: relative; } .animate_from_right { opacity: 0; right: -80px; padding-left: 0px; position: relative; } .animate_fade_in { opacity: 0; right: 0px; position: relative; padding-left: 0px; } /** 05. Commons **************************************************************** **/ pre { color: #666; padding: 16px; font-size: 12px; line-height: 16px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAMR2lDQ1BJQ0MgUHJvZmlsZQAASA2tV3dYU1cbf+9IAiEJIxABGWEvUfaUvQUFmUIdhCSQMGIIBBW3tbSCdaDiwFHRqohVqxWQOhBxWxS3dXyoRUGpxYELle/cQLBPn37/ffd5zrm//N73vPf3vvfck3MAtO0Fcnk+rgNQICtWJEaF8ielZ/AZ94AJI4AN+mAmEBbJQxIS4uB/Xm9uAEYZrzpTsf6n278bdEXiIiEAloDMWaIiYQHCvwCQHKFcUQxAa0W81YxiOYW7ENZXIIEIf6RwjgrTkXrQzxrE1iqf5MQwALoPgAZLIFDkAHDCEc8vEeagOBwRwi4ykVSG8GqEA4USAeI41xAeVVAwHWFtBME+629xcv6GBYKs4ZgCQc4wHsyFGgoa4dIieb5glurH/7MryFeieqkuC9SzJIroRHTXR3XbmDc9lsIshPfLsibEI6yH8BEplfEgbpMoo1MQpvw7hEVhqJbAQ/i1SBAei7AJAM5U5qWEDGFbgQIhlT8eKi2OSR7CqYrpiUPx8VxZ/gRqfqA4+ByJOEaNK8VFEUmIRxrw3GxpZAzC6F3hu0olyWkII514Y4k0dQLCHIRbi/KSKA1UnCulkjCKV/kolImUZmvEd2UrIqkckQ/BKihCSBWfsBQKVM8yRLxHsSQ5GvFoLBEnEodHIIyeS0wSy1KG9BASeXEoFYfyL5Xnq+Y30klUivOjKN4S4e1FJUnqsaeLFckUj+pG3MgVjKPmK9JMPJUXJ1A1ofS8gzgIg3DggxK1LJgOuSBt62noQb8GLZEgAAXkgBichxj1iDSVRYb6JCiFP0GGfIqGx4WqrGIoQfynYXZwrDNkq6wlqhF58Bg9oYA0JgNJfzIO9cGouZE+pK96HF9brZMeQQ+nR9Mj6Q5qBoRIdT5qCpD+CxeLbGKUnQL1MnUOX+LRHtPaaQ9p12kdtNuQCn+oogxlOk26SKFWMBx5PHSgaINVEaOKyaBb7UPaItWeZCgZgPQj7SSPNAZn0gNlEkIGodw8EauuHqVaOaztSy3VdVf7Uar5f8txiOc4cjyHVGSps0JvUl2Jf0b5YpGCCHnF/tOT+I44SJwhThDniCNEA/CJ40QjcZE4SuEhzZGq6uQMPy1RVdE8lINU7eNS59Lt8lH9azhXAWIoBdQ7QPO/WDyzGM0/CJsun6WQ5kiK+SFoFRbzY2TC0aP4bi6u7gDUmk75ALziqdZqjHf+C1fYDOBbjtYAajnlU14AAiuAw48BuG++cFYv0Se1AuDoZaFSUTLoR1I3Gvq30EZfhhGYgRXYo5zcwAv8IRgiYBzEQzKkw1RUdQkUINUzYA4shDKogBWwBjbAFtgGu+AnOAANcAROwGm4AJfhOtxBc6MTnkEvvIF+DMMYGBvjYkaYOWaDOWFumA8WiEVgcVgilo5lYjmYDFNic7CvsQqsEtuAbcVqsZ+xw9gJ7BzWjt3GHmDd2EvsA07gLFwfN8Vt8TG4Dx6Cx+LJ+BQ8By/ES/HF+DJ8HV6D78Hr8RP4Bfw63oE/w/sIILQIHmFBOBM+RBgRT2QQ2YSCmEeUE1VEDbGXaELv+irRQfQQ70k6ySX5pDOan9FkCikkC8l55FJyA7mLrCdbyavkA7KX/Exj00xoTjQ/WgxtEi2HNoNWRqui7aAdop1C304n7Q2dTufR7eje6NtMp+fSZ9OX0jfR99Gb6e30R/Q+BoNhxHBiBDDiGQJGMaOMsZ6xh3GccYXRyXinoaVhruGmEamRoSHTWKRRpbFb45jGFY0nGv2aOpo2mn6a8ZoizVmayzW3azZpXtLs1Oxn6jLtmAHMZGYucyFzHXMv8xTzLvOVlpaWpZav1kQtqdYCrXVa+7XOaj3Qes/SYzmywliTWUrWMtZOVjPrNusVm822ZQezM9jF7GXsWvZJ9n32Ow6XM5oTwxFx5nOqOfWcK5zn2praNtoh2lO1S7WrtA9qX9Lu0dHUsdUJ0xHozNOp1jmsc1OnT5er66obr1ugu1R3t+453S49hp6tXoSeSG+x3ja9k3qPuATXihvGFXK/5m7nnuJ26tP17fRj9HP1K/R/0m/T7zXQM/AwSDWYaVBtcNSgg0fwbHkxvHzect4B3g3ehxGmI0JGiEcsGbF3xJURbw1HGgYbig3LDfcZXjf8YMQ3ijDKM1pp1GB0z5g0djSeaDzDeLPxKeOekfoj/UcKR5aPPDDydxPcxNEk0WS2yTaTiyZ9pmamUaZy0/WmJ017zHhmwWa5ZqvNjpl1m3PNA82l5qvNj5s/5RvwQ/j5/HX8Vn6vhYlFtIXSYqtFm0W/pZ1liuUiy32W96yYVj5W2VarrVqseq3Nrcdbz7Gus/7dRtPGx0Zis9bmjM1bWzvbNNtvbRtsu+wM7WLsSu3q7O7as+2D7Avta+yvOdAdfBzyHDY5XHbEHT0dJY7VjpeccCcvJ6nTJqf2UbRRvqNko2pG3XRmOYc4lzjXOT8YzRsdN3rR6IbRz8dYj8kYs3LMmTGfXTxd8l22u9xx1XMd57rItcn1pZujm9Ct2u2aO9s90n2+e6P7Cw8nD7HHZo9bnlzP8Z7ferZ4fvLy9lJ47fXq9rb2zvTe6H3TR98nwWepz1lfmm+o73zfI77v/bz8iv0O+P3l7+yf57/bv2us3Vjx2O1jHwVYBggCtgZ0BPIDMwN/COwIsggSBNUEPQy2ChYF7wh+EuIQkhuyJ+R5qEuoIvRQ6Nswv7C5Yc3hRHhUeHl4W4ReRErEhoj7kZaROZF1kb1RnlGzo5qjadGx0Sujb8aYxghjamN6x3mPmzuuNZYVmxS7IfZhnGOcIq5pPD5+3PhV4+9OsJkgm9AQD/Ex8avi7yXYJRQm/DqRPjFhYvXEx4muiXMSzyRxk6Yl7U56kxyavDz5Top9ijKlJVU7dXJqberbtPC0yrSOSWMmzZ10Id04XZremMHISM3YkdH3VcRXa77qnOw5uWzyjSl2U2ZOOTfVeGr+1KPTtKcJph3MpGWmZe7O/CiIF9QI+rJisjZm9QrDhGuFz0TBotWibnGAuFL8JDsguzK7KycgZ1VOtyRIUiXpkYZJN0hf5Ebnbsl9mxeftzNvID8tf1+BRkFmwWGZnixP1jrdbPrM6e1yJ3mZvKPQr3BNYa8iVrGjCCuaUtRYrI82zxeV9spvlA9KAkuqS97NSJ1xcKbuTNnMi7McZy2Z9aQ0svTH2eRs4eyWORZzFs55MDdk7tZ52LyseS3zreYvnt+5IGrBroXMhXkLf1vksqhy0euv075uWmy6eMHiR99EfVNXxilTlN381v/bLd+R30m/a1vivmT9ks/lovLzFS4VVRUflwqXnv/e9ft13w8sy17Wttxr+eYV9BWyFTdWBq3cValbWVr5aNX4VfWr+avLV79eM23NuSqPqi1rmWuVazvWxa1rXG+9fsX6jxskG65Xh1bv22iyccnGt5tEm65sDt68d4vplootH36Q/nBra9TW+hrbmqpt9G0l2x5vT91+5kefH2t3GO+o2PFpp2xnx67EXa213rW1u012L6/D65R13Xsm77n8U/hPjXud927dx9tXsR/2K/c//Tnz5xsHYg+0HPQ5uPcXm182HuIeKq/H6mfV9zZIGjoa0xvbD4873NLk33To19G/7jxicaT6qMHR5ceYxxYfGzheeryvWd7ccyLnxKOWaS13Tk46ea11YmvbqdhTZ09Hnj55JuTM8bMBZ4+c8zt3+LzP+YYLXhfqL3pePPSb52+H2rza6i95X2q87Hu5qX1s+7ErQVdOXA2/evpazLUL1ydcb7+RcuPWzck3O26JbnXdzr/94veS3/vvLLhLu1t+T+de1X2T+zX/cfjPvg6vjqMPwh9cfJj08M4j4aNnfxT98bFz8WP246on5k9qu9y6jnRHdl9++tXTzmfyZ/09ZX/q/rnxuf3zX/4K/uti76TezheKFwMvl74yerXztcfrlr6EvvtvCt70vy1/Z/Ru13uf92c+pH140j/jI+Pjuk8On5o+x36+O1AwMCAXKASqvQCBejw7G+DlTgB2Oto7XAZgcgbPXCoPbPCciDA21Cj6H3jwXEYZ0B4CdgYDpCwAiGsG2IyaDcIsdKe238nBgLu7DzfEUFdRtrubCmAsBdqavBsYeGUKwGgC+KQYGOjfNDDwaTvaq98GaC4cPOtR3tQZ8ge0twe4MHMwHQqrr/8CGwxpxJZopZAAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjcyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjr3c2kAAABkSURBVFgJ7dWxDcAwDANBO7D2H1YDyEEW+C5g8W7ZECcC3t09K+g9QV2+KhaiiyikEAlQ7oYUIgHK4zZ0ZqL+1nWqihR/zfcrFEUUtyEL0SAVUogEKHdDCpEA5W5IIRKgPG5DFy8vCyP/wfEsAAAAAElFTkSuQmCC') repeat; border:#ccc 2px solid; box-shadow:#ccc 0 0 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .fsize11 { font-size:11px !important; line-height:15px !important; } .fsize12 { font-size:12px !important; line-height:16px !important; } .fsize13 { font-size:13px !important; line-height:17px !important; } .fsize14 { font-size:14px !important; line-height:18px !important; } .fsize15 { font-size:15px !important; line-height:19px !important; } .fsize16 { font-size:16px !important; line-height:20px !important; } .fsize17 { font-size:17px !important; line-height:23px !important; } .fsize18 { font-size:18px !important; line-height:24px !important; } .fsize19 { font-size:19px !important; line-height:25px !important; } .fsize20 { font-size:20px !important; line-height:26px !important; } .fsize26 { font-size:26px !important; line-height:30px !important; } .fsize30 { font-size:30px !important; line-height:36px !important; } .fsize40 { font-size:40px !important; line-height:46px !important; } .font300 { font-weight:300 !important; } .font400 { font-weight:400 !important; } .font600 { font-weight:600 !important; } .font700 { font-weight:700 !important; } .padding3 { padding:3px 0 !important; } .padding6 { padding:6px 0 !important; } .padding8 { padding:8px 0 !important; } .padding10 { padding:10px 0 !important; } .padding20 { padding:20px 0 !important; } .padding30 { padding:30px 0 !important; } .padding40 { padding:40px 0 !important; } .padding50 { padding:50px 0 !important; } .padding60 { padding:60px 0 !important; } .padding70 { padding:70px 0 !important; } .padding80 { padding:80px 0 !important; } .padding90 { padding:90px 0 !important; } .padding100 { padding:100px 0 !important; } .padding-top10 { padding-top:10px; } .padding-top20 { padding-top:20px; } .padding-top30 { padding-top:30px; } .padding-top40 { padding-top:40px; } .padding-top50 { padding-top:50px; } .padding-top60 { padding-top:60px; } .padding-top80 { padding-top:80px; } .padding-top100 { padding-top:100px; } .padding-top130 { padding-top:130px; } .padding-top150 { padding-top:150px; } .padding-top180 { padding-top:180px; } .padding-top200 { padding-top:200px; } .margin-top10 { margin-top:10px !important; } .margin-top20 { margin-top:20px !important; } .margin-top30 { margin-top:30px; } .margin-top40 { margin-top:40px; } .margin-top60 { margin-top:60px; } .margin-top80 { margin-top:80px; } .margin-top90 { margin-top:90px; } .margin-top100 { margin-top:100px; } .margin-top130 { margin-top:130px; } .margin-top150 { margin-top:150px; } .margin-top180 { margin-top:180px; } .margin-top200 { margin-top:200px; } .margin-bottom10 { margin-bottom:10px !important; } .margin-bottom20 { margin-bottom:20px; } .margin-bottom30 { margin-bottom:30px; } .margin-bottom40 { margin-bottom:40px; } .margin-bottom50 { margin-bottom:50px; } .margin-bottom80 { margin-bottom:80px; } .margin-bottom100 { margin-bottom:100px; } .margin-bottom130 { margin-bottom:130px; } .margin-bottom150 { margin-bottom:150px; } .margin-bottom180 { margin-bottom:180px; } .margin-bottom200 { margin-bottom:200px; } .radius3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .radius6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .radius8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } .img-responsive { display:inline-block; } .fixed { position:fixed !important; } .relative { position:relative !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .absolute { position:absolute !important; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .no-text-transform { text-transform:none !important; } .italic { font-style:italic; } .pointer { cursor:pointer; } .block { display:block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; max-width:100% !important; } .halfwidth { width:50% !important; } .container { position:relative; } i.fa { text-decoration:none !important;} .justify { text-align:justify; } .btn i.fa { padding-right:10px; } .btn-margin-top { margin-top:30px; } .text-underline { text-decoration:underline; } .nowrap { white-space: nowrap !important; } .wrap { white-space: normal !important; } .transparent { background:transparent !important;} .color-white { color:#fff !important; } .color-black { color:#000 !important; } .line-through { text-decoration:line-through; } .transparent { background-color:transparent; } img.pull-left { margin:0 20px 10px 0; } img.pull-right { margin:0 10px 20px 0; } .hide { display:none; } .elipsis { width:100%; text-overflow:ellipsis; white-space: nowrap; } .cover { width: 100%; position:relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hover-scale { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .hover-scale:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .nav-pills>li a, .thumbnail, textarea.form-control, select.form-control, input.form-control, .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } form .input-group-btn .btn i.fa { padding-right:0; } form.input-group { padding:0; } .label a, .label a:hover, a.label, a.label:hover { color:#fff; } label.disabled { color:#888 !important; } /* social icons */ a.social { display:inline-block; width:38px; height:38px; line-height:38px; font-size:18px; text-align:center; background:rgba(0,0,0,0.3); color:#fff; margin:10px 1px; text-decoration:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a.social.fa-twitter:hover { background:#41b7d8!important; color:#fff!important; } a.social.fa-facebook:hover { background:#3b5997!important; color:#fff!important; } a.social.fa-google-plus:hover { background:#d64937!important; color:#fff!important; } a.social.fa-linkedin:hover { background:#0073b2!important; color:#fff!important; } a.social.fa-vimeo-square:hover { background:#388fc5!important; color:#fff!important; } a.social.fa-youtube-square:hover { background:#A40F09!important; color:#fff!important; } a.social.fa-flickr:hover { background:#ff0084!important; color:#fff!important; } a.social.fa-pinterest:hover { background:#cb2027!important; color:#fff!important; } a.social.fa-skype:hover { background:#00aff0!important; color:#fff!important; } a.social.fa-rss:hover { background:#e0812a!important; color:#fff!important; } a.social.default:hover { background:#37353A!important; color:#fff!important; } a.social.rounded { width:38px; height:38px; line-height:38px; } /* page header */ h2.page-header, h2.page-header a, h3.page-header, h3.page-header a { color:#ccc; } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .overlay.gray { background:rgba(33,33,33,0.9) !important; } /* image rounded */ .rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* paddings , margins */ section.margin { margin:60px 0; } section.margin-top { margin-top:60px; } section.margin-bottom { margin-bottom:60px; } section.paddings { padding:60px 0; } .styleBackground h1, .styleBackground h2, .styleBackground h3, .styleBackground h4, .styleBackground h5, .styleBackground h6, .styleBackground p, .styleBackground .btn { color:#fff; } /* star rating */ ul.star-rated { margin-bottom:0; } ul.star-rated, ul.list-style-none { clear:both; display:inline-block; margin:; padding:0; list-style:none; } ul.star-rated li { float:left; padding:0 2px; } ul.star-rated.pointer li { cursor:pointer; } /* list icon */ ul.list-icon { margin:0 0 10px 25px; padding:0; } ul.list-icon li { list-style:none; } ul.list-icon li:before { display: inline-block; height: 18px; width: 18px; line-height:18px; font-family: FontAwesome; content: ' '; float: left; margin:3px 0 0 -25px; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } ul.list-icon.circle li:before { color:#fff; background-color:#333; } /* star */ ul.list-icon.star li:before { content:'\f005'; } ul.list-icon.star-o li:before { content:'\f006'; } /* check */ ul.list-icon.check li:before { content:'\f00c'; } ul.list-icon li.check:before { content:'\f00c'; } ul.list-icon.check-square li:before { content:'\f14a'; } ul.list-icon li.check-square:before { content:'\f14a'; } ul.list-icon.check-circle li:before { content:'\f058'; } ul.list-icon li.check-circle:before { content:'\f058'; } /* misc */ ul.list-icon.times li:before { content:'\f00d'; } ul.list-icon li.times:before { content:'\f00d'; } ul.list-icon li.x:before { content:'\f00d'; color:#ccc; } ul.list-icon.ban li:before { content:'\f05e'; } ul.list-icon.dot-circle li:before { content:'\f192'; } ul.list-icon.exclamation-circle li:before { content:'\f06a'; } ul.list-icon.icon-circle li:before { content:'\f05a'; } ul.list-icon.heart-o li:before { content:'\f08a'; } ul.list-icon.heart li:before { content:'\f004'; } ul.list-icon.angle-right li:before { content:'\f105'; } ul.list-icon.spaced li { padding-top:4px; padding-bottom:4px; } /** 06. Callouts * Not quite alerts, but custom and helpful notes for folks reading the docs. **************************************************************** **/ .bs-callout { clear:both; position:relative; overflow:hidden; background:#ddd; margin:60px 0; padding:36px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bs-callout.whiteBg { background:#fff !important; } .bs-callout h1, .bs-callout h2, .bs-callout h3 { margin:0; text-transform:none; line-height:30px; } .bs-callout.margin-top { margin:60px 0 0 0; } .bs-callout.margin-bottom { margin:0 0 60px 0; } .bs-callout.margin-footer { margin:0 0 -60px 0; } .bs-callout.styleBackground { padding:50px 0; } .bs-callout .btn { margin:0 20px; } .callout .row { margin-left: 0; margin-right: 0; } .callout .container .row { margin-left: -15px; margin-right: -15px; } .alert .btn { margin-top:4px; } /* alert callouts */ .alert.callout { padding:15px; } .alert.callout h4 { margin-bottom:3px; } .alert.callout .btn { margin-top:4px; } .alert.callout .row>div { padding:0; } /** 07. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { margin:0; color:#000; font-family:'Open Sans'; font-weight:300; letter-spacing:-1px; } h1 { font-size: 3em; line-height: 44px; margin: 0 0 44px 0; } h2 { font-size: 2.2em; line-height: 42px; margin: 0 0 32px 0; } h3 { font-size: 1.8em; letter-spacing: normal; line-height: 24px; margin: 0 0 32px 0; } h4 { font-size: 1.4em; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { font-size: 1em; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1 span.subtitle, h2 span.subtitle, h3 span.subtitle { display:block; font-size:15px; padding:0; margin:-10px 0 0 0; } /** 08. Paragraphs **************************************************************** **/ p { line-height: 22px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; font-weight:200; } /** 09. Drop Caps & Cite **************************************************************** **/ p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.secundary:first-child:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } cite:after { content: '\00A0 \2014'; } cite:before { content: '\2014 \00A0'; } /** 10. Blockquote **************************************************************** **/ blockquote { border-left: 5px solid #CCC; font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0 25px 12px; padding: 0 0 0 25px; position: relative; } blockquote p { margin:0; padding:0; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } /** 11. Progress Bar **************************************************************** **/ .progress { overflow:visible; background:#FAFAFA; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .progress.slim { height:3px; } .progress.thin { height:6px; } .progress-bar { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } span.progress-bar-tooltip { padding: 4px 8px; background-color: #2E363F; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; -o-border-radius: 3px; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } span.progress-bar-tooltip:after { border-color:#2E363F transparent; border-style:solid; border-width:5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } h6.progress-head { margin-bottom:2px; } /* Circular Bar */ div.circular-bar { margin:30px 0; text-align:center; display:inline-block; height:200px; width:200px; position:relative; } div.circular-bar strong { display: block; font-size: 17px; font-weight: 600; line-height: 30px; } div.circular-bar label { display: block; font-size: 16px; font-weight: 300; } div.circular-bar-content { position:absolute; top:50%; left:0; right:0; margin-top:-20px; text-align:center; } div.circular-bar canvas { margin:0; vertical-align:top; position:absolute; z-index:0; margin-left:-100px; width:200px; height:200px; } @media only screen and (max-width: 600px) { div.circular-bar , div.circular-bar canvas { width:130px; height:130px; } div.circular-bar canvas { margin-left:-64px; } div.circular-bar strong { font-weight:400; font-size:14px; line-height:25px; } div.circular-bar-content { margin-top:-20px; } } /** 12. Buttons **************************************************************** **/ .btn.notransition { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .btn:active, .btn:focus, .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.disabled { background-color: #999; border: #bbb 1px solid; } .btn-default, .btn-default:hover, .btn-default.active { background:transparent; border:rgba(0,0,0,0.2) 1px solid; padding:8px 18px; } .btn-default:hover, .btn-default.active { background:rgba(0,0,0,0.04); } .btn-link[disabled] { background-color:transparent; border:0; } .btn-default[disabled] { background-color:transparent; border:rgba(0,0,0,0.2) 1px solid; } .btn-sm, .btn-sm:hover { padding: 6px 16px; } .btn-xs, .btn-xs:hover { padding: 3px 13px; } .btn.pull-right { margin-left:20px; } .btn-sm, .btn-group-sm>.btn { padding: 5px 10px !important; } .btn-group, .btn-toolbar { margin-bottom:10px; } /* custom buttons */ .btn-facebook { color:#fff!important; background-color:#4863ae; } .btn-facebook:hover { background-color:#445fa4; } .btn-twitter { color:#fff!important; background-color:#46c0fb; } .btn-twitter:hover { background-color:#33bafb; } .btn-google-plus { color:#fff!important; background:#d64937; } .btn-google-plus:hover { background:#d1412c; } .btn-youtube { color:#fff!important; background:#ff0000; } .btn-youtube:hover { background:#e80000; } .btn-vimeo { color:#fff!important; background:#00a2cd; } .btn-vimeo:hover { background:#0093b7; } .btn-android { color:#fff!important; background:#a4c639; } .btn-android:hover { background:#97b834; } .btn-linkedin { color:#fff!important; background:#0083bb; } .btn-linkedin:hover { background-color: #0076a8; } .btn-pinterest { color:#fff!important; background:#c91618; } .btn-pinterest:hover { background-color: #b31313; } .btn-flickr { color:#fff!important; background:#ff0084; } .btn-flickr:hover { background-color: #e60078; } .btn-tumblr { color:#fff!important; background:#374a61; } .btn-tumblr:hover { background-color: #2f3f53; } .btn-skype { color:#fff!important; background:#00b6f3; } .btn-skype:hover { background-color: #00a3d9; } .btn-stackoverflow { color:#fff!important; background:#f49336; } .btn-stackoverflow:hover { background-color: #f28415; } .btn-instagram { color:#fff!important; background:#3f729b; } .btn-instagram:hover { background-color: #386589; } .btn-dribbble { color:#fff!important; background:#ea4c89; } .btn-dribbble:hover { background-color: #e93f7e; } .btn-rss { color:#fff!important; background:#ff7f25; } .btn-rss:hover { background-color: #fd6b00; } .btn-fixed { text-align:center; width:155px; } .btn.text-left { text-align:left !important; } .btn.text-right { text-align:right !important; } .btn.text-center { text-align:center !important; } .btn.ico-only { padding:0 !important; width:38px; height:38px; line-height:38px; font-size:18px; } .btn.ico-only.btn-xs { width:22px; height:22px; line-height:22px; font-size:13px; } .btn.ico-only.btn-sm { width:30px; height:30px; line-height:30px; font-size:15px; } .btn.ico-only.btn-lg { width:45px; height:45px; line-height:45px; font-size:25px; } .btn.ico-only>i.fa { padding-right:0; } .btn.rounded { padding:0; width:40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /** 13. Labels **************************************************************** **/ .label { font-weight: normal; padding: 0.4em 0.8em 0.5em; display: inline-block; } .label-default { border: 1px solid #CCC; padding: 0.3em 0.7em 0.4em; } /** 14. Alerts **************************************************************** **/ .alert { border: 0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .alert i.fa { font-size:20px; margin-right:10px; } .alert.alert-success { background-color:#d2ebb8; border-left:#3C763D 3px solid; } .alert.alert-info { background-color:#aae1f5; border-left:#31708F 3px solid; } .alert.alert-warning { background-color:#fce3a3; border-left:#8A6D3B 3px solid; } .alert.alert-danger { background-color:#f8bac0; border-left:#A94442 3px solid; } .alert.alert-default { background-color:rgba(0,0,0,0.08); border-left:rgba(0,0,0,0.6) 3px solid; } /** 15. Pagination **************************************************************** **/ .pager li>a, .pager li>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #F5F7F7; } /** 16. Parallax **************************************************************** **/ .parallax { overflow:hidden; background-color:#333; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .parallax * { color:#fff; text-shadow:#000 1px 1px 1px; } .parallax .btn { text-shadow:none; } /** 17. Isotope Filtering **************************************************************** **/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } ul.isotope-filter { margin-top:30px; margin-bottom:10px; padding-top:30px; padding-bottom:30px; border-bottom:#ddd 1px dotted; border-top:#ddd 1px dotted; } ul.isotope { margin:0; padding:0; list-style:none; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /* Disabling Isotope CSS3 Transitions **/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /** 18. Dividers **************************************************************** **/ hr.half-margins { margin:30px 0; } hr.no-lines { border:transparent 0px solid; } article hr { margin:30px 0; } .divider { border: 0; margin: 60px 0; height: 4px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; text-align: center; position: relative; clear: both; } .divider.half-margins { margin:30px 0; } .divider .fa { color: #bbb; background: #fff; /* same as background color */ text-align: center; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 50px; font-size: 20px; position: absolute; top: -25px; left: 50%; margin: 0 auto 0 -25px; } .divider.white .fa { /* for white background color OR white rounded icon */ background: #fff; color: #333; } li.divider { margin:6px; } .dark .divider { border-top: #555 1px solid; border-bottom: #555 1px solid; } /** 19. Forms **************************************************************** **/ .form-group:after { display:block; content:"."; height:0; line-height:0; clear:both; visibility:hidden; } .form-control { height: 38px; padding: 0 12px; border:#e6e6e6 2px solid; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label, .sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .radio:hover i, .sky-form .checkbox:hover i, .sky-form .toggle:hover i, .sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .radio input:focus + i, .sky-form .checkbox input:focus + i, .sky-form .toggle input:focus + i, .form-control:focus { border-color:#c6c6c6; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .sky-form label, form label { font-weight:300; } textarea.form-control { padding:12px; } /** 20. Count To [number] **************************************************************** **/ div.countTo strong { display: block; font-size: 50px; line-height: 50px; font-weight: 400; } div.countTo label { font-weight: 300; font-size: 17px; line-height: 22px; padding-top:6px; } .countTo .boxed { margin-top:60px; border:#ddd 1px solid; padding-top:20px; padding-bottom:20px; display:block; } div.countTo.dark, div.countTo.styleBackgroundColor { color:#fff; } div.countTo.paddings { padding:30px 0; } div.countTo.dark { background-color:rgba(0,0,0,0.5); } @media only screen and (max-width: 768px) { section .countTo { margin-top:60px; } .countTo .boxed { margin-top:15px; } } /** 21. Tabs **************************************************************** **/ div.tabs { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin:60px 0; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.2px } div.tabs div.tab-content { border: 0; padding: 17px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.tabs div.tab-content p:last-child { padding-bottom:0; margin-bottom:0; } div.tabs ul.nav-tabs { margin: 0; border: 0; } div.tabs ul.nav-tabs li.active a { border: 0; color: #212121; padding-bottom: 2px; border-bottom: 2px solid; border-bottom-color: #E69655; } div.tabs ul.nav-tabs a { color: #8A8A8A; margin-right: 1px; /*padding: 15px 25px;*/ border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 22px; } div.tabs ul.nav-tabs a i.fa { padding-right:6px; } div.tabs div.tab-content.transparent { border-top:rgba(0,0,0,0.03) 1px solid; background:transparent; } /** 22. Accordion **************************************************************** **/ .panel-group { /*padding: 3px;*/ background: #fff; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* pannel */ .panel { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel>.panel-heading { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-default>.panel-heading { /*padding: 11px 15px; background:rgba(0,0,0,0.5); color:#fff;*/ } .panel-default>.panel-heading small { color:rgba(255,255,255,0.7); } .panel-default { /*border:rgba(0,0,0,0.5) 1px solid;*/ } .panel-light { border:rgba(0,0,0,0.1) 1px solid; } .panel-light>.panel-heading { padding: 11px 15px; background:transaprent; border-bottom:rgba(0,0,0,0.1) 1px solid; } .panel-heading .fa { display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; height: 25px; margin-right: 2px; padding: 5px; position: relative; text-align: right; top: -1px; width: 25px; } .panel-title a { text-decoration:none; display:block; color:#333; } .panel-body { padding: 21px; } .accordion.panel-group { border: rgba(0,0,0,0.03) 1px solid; background: rgba(0,0,0,0.03); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion .panel-default { border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion .panel-heading { background-color: rgba(0,0,0,0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .accordion .panel-heading:hover { background-color: rgba(0,0,0,0.15); } .accordion.panel-group.transparent { background:transparent; } .accordion.panel-group.transparent .panel-heading { background-color: rgba(0,0,0,0.03); } /** 23. Toggle **************************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background:rgba(0,0,0,0.1); cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; border-bottom: rgba(0,0,0,0.03) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.toggle div.toggle-content { border: rgba(0,0,0,0.03) 1px solid; display: none; background:rgba(0,0,0,0.03); margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: rgba(0,0,0,0.15); } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color:rgba(0,0,0,0.5); right: 14px; margin-top: -10px; } .toggle.transparent .toggle-content { background:transparent; } .toggle.transparent label { background: rgba(0,0,0,0.03); } .toggle.transparent label:hover { background: rgba(0,0,0,0.04); } /** 24. Featured Box & Featured Icons **************************************************************** **/ div.featured-box { padding:23px; background:rgba(0,0,0,0.01); text-align:center; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.featured-box:hover { background:rgba(0,0,0,0.03); } div.featured-box.transparent { background:transparent; } div.featured-box.nobg { background:none; } div.featured-box i.fa { padding: 0; color: #fff; margin: 20px 0; font-size: 40px; text-align:center; position: relative; background-color:#333; display: inline-block; width:100px; height:100px; line-height:100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } div.featured-box.nobg i.fa { font-size:30px; margin-top:0; width:70px; height:70px; line-height:70px; } div.featured-box.nobg.border-only i.fa { background:none !important; border:#333 1px solid; color:#333; } .featured-box-minimal>div { margin-bottom:30px; } .featured-box-minimal i.fa { color:#fff; padding:0; margin-right:10px; width:35px; height:35px; line-height:35px; font-size:17px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .featured-box-minimal.border-top { border-top:#eee 1px solid; margin-top:30px; } .featured-box-minimal.border-bottom { border-bottom:#eee 1px solid; margin-bottom:60px; padding-bottom:30px; } .featured-box-minimal.border-top div, .featured-box-minimal.border-bottom div { margin-bottom:0; } /* featured icons - alone */ i.featured-icon { color: #FFF; margin: 25px 0; padding: 0; display: inline-block; font-size: 40px; width: 100px; height: 100px; line-height: 100px; position: relative; background-color:#333; border:#333 1px solid; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } i.featured-icon:after { background: transparent; pointer-events: none; content: ''; display: block; border-radius: 50%; border: 1px solid #333; left: 0; right: 0; width: 100%; height: 100%; margin-top: -100px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half:after { margin-top: -50px; } i.featured-icon:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } i.featured-icon.half:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } i.featured-icon.empty { background:none !important; color:#333 !important; } i.featured-icon.pull-left { margin-right:20px; } i.featured-icon.pull-right { margin-left:20px; } /** 25. Image Thumbnail **************************************************************** **/ .thumbnail:hover { border:rgba(0,0,0,0.2) 1px solid !important; } .thumbnail.rounded { overflow:hidden; padding:0; width:189px; height:189px; } figure { margin-bottom:10px; } .img-thumbnail { position: relative; padding: 0; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-thumbnail:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat; } .img-thumbnail:hover:after { top:2px; right:2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } /** 26. Modal **************************************************************** **/ /*.modal-content { overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .modal-header { background-color:#333; } .modal-header button, h4.modal-title { color:#fff !important; opacity:1; } .modal-header button { font-size:30px; }*/ /** 27. Carousel **************************************************************** **/ .owl-carousel { margin-bottom:20px; } .owl-theme .owl-controls .owl-buttons div { opacity:1; color:#333; filter: Alpha(Opacity=100); background:#fff; border:#eee 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-buttons div:hover { background:#F5F7F7; } .controlls-over .owl-controls { position:absolute; top:50%; left:0; right:0; bottom:0; margin-top:-20px; } .controlls-over .owl-controls .owl-prev { float:left; } .controlls-over .owl-controls .owl-next { float:right; } .controlls-over .owl-pagination { position:absolute; bottom:0; left:0; right:0; } .owl-theme.controlls-over .owl-controls .owl-page { background:rgba(0,0,0,0.3); } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background:#fff; } /* top text caption */ .owl-carousel .owl-item div { position:relative; text-align:center; } .owl-carousel .owl-caption { padding:10px; position:absolute !important; left:0; top:0; right:0; margin-top:0; max-width:100%; background:rgba(0,0,0,0.3); display:block; color:#fff; } .owl-carousel .owl-caption p { color:#fff; font-size:13px; line-height:20px; padding:0; margin:0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color:#fff; font-size:21px; line-height:21px; font-weight:bold; margin-bottom:10px; } .owl-carousel .owl-caption a { color:#fff; font-weight:bold; } .owl-carousel.controls-hover-only .owl-controls { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .slider:hover .owl-carousel.controls-hover-only .owl-controls, .owl-carousel.controls-hover-only:hover .owl-controls { filter: alpha(opacity=100); opacity: 1; } /* Featured Item */ .owl-carousel.featured .owl-featured-item { width:99%; padding-bottom:15px; text-align:center; background-color: #F4F4F4; display:block; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover { background-color: #eaeaea; } .owl-carousel.featured .owl-featured-item a.figure { margin:0; padding:0; display:block; width:100%; height:auto; overflow:hidden; text-align:center; z-index:0; position:relative; } .owl-carousel.featured .owl-featured-item a.figure>img { height:auto !important; width:100% !important; max-width: 100% !important; vertical-align:top; } .owl-carousel.featured .owl-featured-detail { position:relative; } .owl-carousel.featured .owl-featured-detail:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F4F4F4; left: 50%; margin-left: -10px; top: -16px; z-index:10; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom: 10px solid #eaeaea; } .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#333; margin-top:6px; display:block; } .owl-carousel.featured .owl-featured-detail>span.price { display:block; margin-bottom:6px; } .owl-carousel.featured { margin-top:6px; } .owl-carousel.featured .owl-controls.clickable { top:0 !important; margin-top:-50px; position:absolute; right:0; } h2.owl-featured { font-size:19px; line-height:19px; border-bottom:rgba(0,0,0,0.2) 1px dashed; padding-bottom:6px; margin-bottom:0; } .owl-carousel.featured a.figure>span { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.3); filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .owl-carousel.featured a.figure>span>i { color:#333; position:absolute; left:50%; top:50%; background:#fff; font-size:21px; width:40px; height:40px; line-height:42px; text-align:center; margin-left:-20px; margin-top:-20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .owl-carousel.featured a.figure:hover>span { filter: alpha(opacity=100); opacity: 1; } /* buttons bottom */ .owl-carousel.buttons-bottom .owl-controls{ top:auto !important; } .owl-carousel.buttons-bottom .owl-next, .owl-carousel.buttons-bottom .owl-prev { margin-top:-70px !important; } /* special carousel title */ .owl-carousel .owl-carousel-caption { background-color:rgba(0,0,0,0.5); position:absolute !important; top:0; left:0; right:0; color:#fff; padding:20px; height:96px; overflow:hidden; } .owl-carousel .owl-carousel-caption.top { top:0; bottom:auto; } .owl-carousel .owl-carousel-caption.bottom { top:auto; bottom:29px; } .owl-carousel .owl-carousel-caption h2, .owl-carousel .owl-carousel-caption h3, .owl-carousel .owl-carousel-caption h4 { color:#fff; font-size:16px; line-height:16px; margin-bottom:10px; font-weight:bold; overflow:hidden; display:block; width:100%; text-overflow:ellipsis; white-space: nowrap; } .owl-carousel .owl-carousel-caption p { color:#fff; font-size:12px; line-height:15px; padding:0; margin:0; } /** 28. Breadcrumbs **************************************************************** **/ .breadcrumb { font-size:13px; margin: -3px 0 0; padding:0; position: relative; display: inline-block; background:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 29. Nav List (aside) **************************************************************** **/ aside ul.nav-list { padding:0; margin:0; } aside h3, aside h4 { font-size:16px; line-height:20px; margin-bottom:20px; } aside h4 { margin-top:60px; } aside ul.nav-list li{ padding:0; border-bottom:#ccc 1px dotted; } aside ul.nav-list li a { padding-left:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } aside ul.nav-list li.active>a, aside ul.nav-list li a:hover { padding-left:10px; } aside ul.nav-list li a i { padding-right:6px; color:#ddd; } /* bootstrap side navigation */ ul.side-nav span.badge { float:right; margin-top:6px; font-weight:400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.side-nav>li>span.badge { margin-top:12px; margin-right:6px; } .list-group-item:first-child, .list-group-item:last-child, ul.side-nav { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } ul.side-nav li { list-style:none; } ul.side-nav ul { margin:0; padding:0; background-color:rgba(0,0,0,0.02); } ul.side-nav ul li { padding:0 15px; border-bottom:rgba(0,0,0,0.05) 1px solid; } ul.side-nav ul li:last-child { border-bottom:0; } ul.side-nav a { display:block; text-decoration:none; color:#333; } ul.side-nav a i.fa { width:20px; } ul.side-nav ul li a { padding:3px; font-size:13px; } ul.side-nav>li { padding:0; } ul.side-nav>li>a { padding:7px 10px; } ul.side-nav>li.list-group-item.active { border:0; background-color:transparent; } ul.side-nav>li.active>a { background-color:rgba(0,0,0,0.5); } ul.side-nav li.list-toggle.active:after, ul.side-nav > li.active>a { color:#fff !important; } ul.side-nav li.list-toggle:after { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; right: 10px; top: 7px; color:#999; } ul.side-nav li.list-toggle.active:after { content: "\f107"; } .list-group-item { border:0; background:transparent; border:rgba(0,0,0,0.1) 1px solid; border-left:0; border-right:0; } /** 30. Price Table **************************************************************** **/ div.price-table { background:rgba(0,0,0,0.03); margin:30px 0; text-align:center; padding-bottom:30px; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom: rgba(0,0,0,0.1) 2px solid; text-transform:uppercase; } div.price-table p { color: #666; font-size: 36px; padding: 30px 0; font-weight: 400; width: 150px; height: 150px; padding-top: 60px; display: inline-block; background-color: rgba(0,0,0,0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } div.price-table p span { display:block; font-size:10px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom: rgba(0,0,0,0.1) 1px solid; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#fff; } div.price-table.popular { background:#676767; } div.price-table .btn { color:#fff; margin-top:30px; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.pull-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:160px; } div.mega-price-table .pricing-title h3 { font-size:50px; line-height:50px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; height:85; background-color:rgba(0,0,0,0.03); } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; display:block; color:rgba(255,255,255,0.7); font-weight:300; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-left:1px; background: rgba(0,0,0,0.03); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin-bottom:0; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } /** 31. Animation **************************************************************** **/ .appear-animation { opacity: 0; } .animation-visible { opacity: 1 !important; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } /** 32. Dropcap **************************************************************** **/ p.dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: -3px; display:inline-block; color:#333; } p.dropcap.color:first-letter { color:#fff; background:#333; margin-top: 8px; padding: 0 8px 3px 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 33. Masonry **************************************************************** **/ .masonry-list { margin: 0; padding: 0; width: 100%; list-style: none; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } /** 34. Media Elements **************************************************************** **/ /* video cover WARNING! JS USED! See: MEDIA ELEMENTS */ .video-wrap { top: 0; overflow: hidden; position: absolute; width: 100%; z-index:0; } .video-wrap .mejs-inner { width:100% !important; height:100% !important; } .video-wrap .mejs-poster { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } /** 35. Testimonials **************************************************************** **/ .testimonial { margin-bottom:60px; } /* carousel style */ .testimonial.white p, .testimonial.white cite { background-color:#fff; } .testimonial cite { background:#F6F6F6; display:inline-block; padding:0 10px 6px 10px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .testimonial p { color:#000; background:#F6F6F6; padding:20px; font-size:14px; margin-bottom:0; font-style:italic; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cover .testimonial p, .cover .testimonial cite { background:none !important; color:#fff; font-size:24px; } /* single style */ .testimonial.classic p { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .testimonial.male p, .testimonial.female p { padding-left:52px; background-image:url('../images/female.png'); background-repeat:no-repeat; background-position:16px 25px; } .testimonial.male p { background-image:url('../images/male.png'); } /**36. Background Patterns *************************************************** **/ .pattern1 { background:url('../images/patterns/pattern1.png') repeat fixed; } .pattern2 { background:url('../images/patterns/pattern2.png') repeat fixed; } .pattern3 { background:url('../images/patterns/pattern3.png') repeat fixed; } .pattern4 { background:url('../images/patterns/pattern4.png') repeat fixed; } .pattern5 { background:url('../images/patterns/pattern5.png') repeat fixed; } .pattern6 { background:url('../images/patterns/pattern6.png') repeat fixed; } .pattern7 { background:url('../images/patterns/pattern7.png') repeat fixed; } .pattern8 { background:url('../images/patterns/pattern8.png') repeat fixed; } .pattern9 { background:url('../images/patterns/pattern9.png') repeat fixed; } .pattern10 { background:url('../images/patterns/pattern10.png') repeat fixed; } .pattern11 { background:url('../images/patterns/pattern11.png') repeat fixed; } /** --. Printable Div If want to dismiss these rules, add to body: class="printable" Or simply delete custom rules! *************************************************** **/ @media print { /* @CUSTOM RULES */ #topBar, #navBar, #topNav, #footer, #header, .page-title { display:none !important; } body * { visibility: hidden; margin:0; padding:0; } .printable * { visibility: visible; } /* print resets */ #wrapper { margin:0 !important; padding:20px 0 0 0 !important; } /* display none for all other elements - remove whitespaces */ #topNav, #header_shadow, #footer, #page-title, .btn { display:none; } /* @REQUIRED RULES */ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } } /* CSS crunched with Crunch - http://crunchapp.net/ */ /*@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic); @import "https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic";*/ /*@import url(../assets/fancybox/jquery.fancybox.css?v=2.1.5);*/ /*@import url(../assets/animate/animate.css); @import url(../assets/easy-pie-chart/easypiechart.css); @import url(../assets/timeline/timeline.css);*/ /*@import url(../assets/bootstrap/css/bootstrap.min.css); @import url(../font-awesome/css/font-awesome.css?v=1.1);*/ body { font-family: "PT Sans",sans-serif !important; font-size: 13px; line-height: 22px; font-weight: 300; } /* body .lw { color: #666; }*/ body .ld { color: #888; } .body-bg-1 { background: url("../images/background/slash_it.png") repeat; } .body-bg-2 { background: url("../images/background/grey_wash_wall.png") repeat; } .body-bg-3 { background: url("../images/background/mooning.png") repeat; } .body-bg-4 { background: url("../images/background/squairy_light.png") repeat; } .body-bg-5 { background: url("../images/background/bg-img-1.jpg") no-repeat fixed; } .body-bg-6 { background: url("../images/background/bg-img-2.jpg") no-repeat fixed; } .wp-theme-1 .btn { font-weight: normal; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .wp-theme-1 .btn i { margin-right: 4px; } .wp-theme-1 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 3px; } .wp-theme-1 .btn-lg i { font-size: 24px; position: relative; top: 3px; } .wp-theme-1 .btn-xs { padding: 4px 10px; } .wp-theme-1 .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .wp-theme-1 .btn-one:hover, .wp-theme-1 .btn-one:focus, .wp-theme-1 .btn-one:active, .wp-theme-1 .btn-one.active, .wp-theme-1 .open .dropdown-toggle.btn-one { color: #e91b23; background-color: #FFF; border-color: #FFF; } .wp-theme-1 .btn-one:active, .wp-theme-1 .btn-one.active, .wp-theme-1 .open .dropdown-toggle.btn-one { background-image: none; } .wp-theme-1 .btn-two { color: #ffffff; background-color: #e91b23; border: 1px solid; border-color: #df1119; } .wp-theme-1 .btn-two:hover, .wp-theme-1 .btn-two:focus, .wp-theme-1 .btn-two:active, .wp-theme-1 .btn-two.active, .wp-theme-1 .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #d5070f; border-color: #d5070f; } .wp-theme-1 .btn-two:active, .wp-theme-1 .btn-two.active, .wp-theme-1 .open .dropdown-toggle.btn-two { background-image: none; } .wp-theme-1 .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .wp-theme-1 .btn-three:hover, .wp-theme-1 .btn-three:focus, .wp-theme-1 .btn-three:active, .wp-theme-1 .btn-three.active, .wp-theme-1 .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .wp-theme-1 .btn-three:active, .wp-theme-1 .btn-three.active, .wp-theme-1 .open .dropdown-toggle.btn-three { background-image: none; } .wp-theme-1 .btn-four { background-color: none; border: 2px solid #e91b23; color: #e91b23; } .wp-theme-1 .btn-four:hover, .wp-theme-1 .btn-four:focus, .wp-theme-1 .btn-four:active, .wp-theme-1 .btn-four.active, .wp-theme-1 .open .dropdown-toggle.btn-four { color: #FFF; background-color: #e91b23; } .wp-theme-1 .btn-four:active, .wp-theme-1 .btn-four.active, .wp-theme-1 .open .dropdown-toggle.btn-four { background-image: none; } .wp-theme-1 h1, .wp-theme-1 h2, .wp-theme-1 h3, .wp-theme-1 h4, .wp-theme-1 h5, .wp-theme-1 h6 { font-family: "Roboto",sans-serif !important; } .wp-theme-1 p { line-height: 22px; } .wp-theme-1 a { color: #616161; cursor: pointer; } .wp-theme-1 a:hover { color: #e91b23; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .35s; } .wp-theme-1 .bg-2 { background: #e91b23; color: #FFF; } .wp-theme-1 .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .wp-theme-1 .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .wp-theme-1 .lw .bg-3 { background: #fff; color: #616161; } .wp-theme-1 .ld .bg-3 { background: #202020; color: #888; } .wp-theme-1 .bg-4 { background: #333; color: #FFF; } .wp-theme-1 .dark { background: #333; color: #FFF; } .wp-theme-1 .red { background: #e91b23; color: #FFF; } .wp-theme-1 .orange { background: #f39c12; color: #FFF; } .wp-theme-1 .green { background: #f39c12; color: #FFF; } .wp-theme-1 .blue { background: #3498db; color: #FFF; } .wp-theme-1 .light { background: #fff; color: #616161 !important; } .wp-theme-1 .blockquote-1:hover { border-color: #e91b23; } .wp-theme-1 .blockquote-1 p { font-size: 13px; } .wp-theme-1 .section-title { display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden; } .wp-theme-1 .lw .section-title { color: #333; } .wp-theme-1 .ld .section-title { color: #fff; } .wp-theme-1 .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .wp-theme-1 .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .wp-theme-1 .lw .navbar-wp { background: #fff; border-bottom: 1px solid #e0eded; } .wp-theme-1 .ld .navbar-wp { background: #181818; border-bottom: 1px solid #444; } .wp-theme-1 .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .wp-theme-1 .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .wp-theme-1 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-1 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-1 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-1 .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .wp-theme-1 .lw .navbar-wp .navbar-nav > li > a:hover, .wp-theme-1 .lw .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #e91b23; } .wp-theme-1 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-1 .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .wp-theme-1 .ld .navbar-wp .navbar-nav > li > a:hover, .wp-theme-1 .ld .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #e91b23; } .wp-theme-1 .navbar-wp .navbar-nav > .active > a, .wp-theme-1 .navbar-wp .navbar-nav > .active > a:hover, .wp-theme-1 .navbar-wp .navbar-nav > .active > a:focus { color: #fff !important; background-color: #e91b23; border-radius: 0; } .wp-theme-1 .navbar-wp .navbar-nav > .disabled > a, .wp-theme-1 .navbar-wp .navbar-nav > .disabled > a:hover, .wp-theme-1 .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .wp-theme-1 .navbar-wp .navbar-nav > .open > a, .wp-theme-1 .navbar-wp .navbar-nav > .open > a:hover, .wp-theme-1 .navbar-wp .navbar-nav > .open > a:focus { color: #FFF !important; background-color: #e91b23; } .wp-theme-1 .navbar-wp .navbar-nav > .open > a .caret, .wp-theme-1 .navbar-wp .navbar-nav > .open > a:hover .caret, .wp-theme-1 .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-1 .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-1 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .wp-theme-1 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-1 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #e91b23; } .wp-theme-1 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .wp-theme-1 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .wp-theme-1 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #e91b23 !important; background-color: none; } .wp-theme-1 .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .wp-theme-1 .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .wp-theme-1 .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .wp-theme-1 .navbar-wp .navbar-toggle:hover, .wp-theme-1 .navbar-wp .navbar-toggle:focus { background-color: #e91b23; border-color: #e91b23; } .wp-theme-1 .navbar-wp .navbar-toggle:hover .icon-bar, .wp-theme-1 .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .wp-theme-1 .navbar-wp .navbar-toggle:hover .icon-custom, .wp-theme-1 .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .wp-theme-1 .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .wp-theme-1 .navbar-wp .navbar-collapse, .wp-theme-1 .navbar-wp .navbar-form { border-color: #e7e7e7; } .wp-theme-1 .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .wp-theme-1 .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-1 .navbar-wp .dropdown-menu { min-width: 220px; background: #FFF; border: 0; border-top: 1px solid #e91b23; border-bottom: 3px solid #e91b23; border-radius: 0; } .wp-theme-1 .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .wp-theme-1 .navbar-wp .dropdown-menu > li:last-child { border: 0; } .wp-theme-1 .navbar-wp .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .wp-theme-1 .navbar-wp .dropdown-menu > li > a:hover { background: #e91b23; color: #FFF; } .wp-theme-1 .navbar-wp .dropdown-menu label.checkbox { color: #333; } .wp-theme-1 .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-1 .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .wp-theme-1 .navbar-wp .dropdown-menu-user { background: #fff; } .wp-theme-1 .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .wp-theme-1 .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .wp-theme-1 .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .wp-theme-1 .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .wp-theme-1 .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .wp-theme-1 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-1 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-1 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-1 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #e91b23; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-1 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #e91b23; color: #FFF; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .wp-theme-1 .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-1 .dropdown-submenu { position: relative; } .wp-theme-1 .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .wp-theme-1 .dropdown-submenu:hover > .dropdown-menu { display: block; } .wp-theme-1 .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .wp-theme-1 .dropdown-submenu:hover > a:after { border-left-color: #fff; } .wp-theme-1 .dropdown-submenu.pull-left { float: none; } .wp-theme-1 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .wp-theme-1 .nav > ul { margin: 0; padding: 0; list-style: none; } .wp-theme-1 .nav > ul > li { border-bottom: 1px solid #333; } .wp-theme-1 .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .wp-theme-1 .nav > ul > li > a:hover { text-decoration: none; color: #e91b23; background: #292929; } .wp-theme-1 .nav > ul > li > a > i { margin-right: 5px; } .wp-theme-1 .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .wp-theme-1 .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .wp-theme-1 .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .wp-theme-1 .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .wp-theme-1 .pg-opt.fixed h2 { margin-bottom: 15px; } .wp-theme-1 .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .wp-theme-1 .pg-opt.fixed hr { display: none; } .wp-theme-1 .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .wp-theme-1 .pg-opt .breadcrumb a { color: #e91b23; } @media only screen and (max-width:767px) { .wp-theme-1 .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .wp-theme-1 .pg-opt h2 { padding: 20px 0 0 0; } } .wp-theme-1 .page-header { margin: 0; border: 0; } .wp-theme-1 .page-header p { font-size: 16px; } .wp-theme-1 .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .wp-theme-1 .w-box:before, .wp-theme-1 .w-box:after { display: table; content: ""; } .wp-theme-1 .w-box:after { clear: both; } .wp-theme-1 .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .wp-theme-1 .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .wp-theme-1 .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .wp-theme-1 .w-box.inner h2 { padding: 10px 0; } .wp-theme-1 .w-box small { display: block; font-size: 12px; margin-top: 3px; } .wp-theme-1 .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .wp-theme-1 .w-box time { display: block; padding: 8px 15px 0 15px; } .wp-theme-1 .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .wp-theme-1 .w-box .w-footer:before, .wp-theme-1 .w-box .w-footer:after { display: table; content: ""; } .wp-theme-1 .w-box .w-footer:after { clear: both; } .wp-theme-1 .w-box .w-footer small { font-size: 12px; } .wp-theme-1 .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .wp-theme-1 .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .wp-theme-1 .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .wp-theme-1 .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .wp-theme-1 .w-box.dark { background: #333; } .wp-theme-1 .w-box.dark h2 { color: #fff; } .wp-theme-1 .w-box.white h2 { border-bottom: 0; text-align: center; } .wp-theme-1 .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .wp-theme-1 .lw .w-box.white { background: #FFF; } .wp-theme-1 .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-1 .ld .w-box.white { background: #202020; border: 1px solid #444; } .wp-theme-1 .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-1 .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .wp-theme-1 .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #e91b23; } .wp-theme-1 .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .wp-theme-1 .w-box.w-box-inverse .thmb-img:hover i { background: #e91b23; color: #FFF; } .wp-theme-1 .c-box { border: 1px solid #e91b23; } .wp-theme-1 .c-box .c-box-header { padding: 10px 15px; background: #e91b23; color: #fff; font-size: 16px; text-transform: capitalize; } .wp-theme-1 .c-box .table { margin: 0; } .wp-theme-1 .ld .w-section h4, .wp-theme-1 .ld .w-section h3, .wp-theme-1 .ld .w-section h2 { color: #fff; } .wp-theme-1 .w-section .aside-feature { margin: 10px; cursor: default; } .wp-theme-1 .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .wp-theme-1 .w-section .aside-feature:hover .icon-feature, .wp-theme-1 .w-section .aside-feature:hover h4 { color: #e91b23; } .wp-theme-1 .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .wp-theme-1 .w-section .aside-feature .img-feature img { width: 78px; } .wp-theme-1 .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .wp-theme-1 .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-1 .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .wp-theme-1 .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-1 .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #e91b23; text-transform: capitalize; } .wp-theme-1 .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #e91b23; text-transform: capitalize; } .wp-theme-1 .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .wp-theme-1 .box-element { padding: 20px; } .wp-theme-1 .box-element:nth-child(n+1) { margin-top: 20px; } .wp-theme-1 .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .wp-theme-1 .box-element.box-element-bordered { background: transparent !important; border: 1px solid #e91b23; } .wp-theme-1 .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .wp-theme-1 .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .wp-theme-1 .carousel-2 { position: relative; } .wp-theme-1 .carousel-2 .item { padding: 36px 0 !important; } .wp-theme-1 .carousel-2 .carousel-indicators { bottom: 0; } .wp-theme-1 .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .wp-theme-1 .carousel-2 .carousel-indicators .active { background-color: #e91b23; } .wp-theme-1 .carousel-2 .img-thumbnail { margin-top: 26px; } .wp-theme-1 .carousel-2 h2 { font-size: 22px; } .wp-theme-1 .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #e91b23; opacity: 1; } .wp-theme-1 .carousel-2 .carousel-nav a:hover { background: #e91b23 !important; color: #fff; } .wp-theme-1 .carousel-2 .carousel-nav a.left { right: 36px; } .wp-theme-1 .carousel-2 .carousel-nav a.right { right: 0; } .wp-theme-1 .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .wp-theme-1 .carousel-2 .carousel-control.left i { left: 18px; } .wp-theme-1 .carousel-2 .carousel-control.right i { right: 18px; } .wp-theme-1 .carousel-3 { position: relative; } .wp-theme-1 .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #e91b23; opacity: 1; } .wp-theme-1 .carousel-3 .carousel-nav a:hover { background: #e91b23 !important; color: #fff; } .wp-theme-1 .carousel-3 .carousel-nav a.left { right: 36px; } .wp-theme-1 .carousel-3 .carousel-nav a.right { right: 0; } .wp-theme-1 .carousel-3 .carousel-nav a:hover { background: #FFF; } .wp-theme-1 .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .wp-theme-1 .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .wp-theme-1 .like-button .button i { font-size: 20px; color: #ddd; } .wp-theme-1 .like-button .button.liked i { color: #e91b23; } .wp-theme-1 .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .wp-theme-1 .like-button.inline .button { display: inline-block; padding: 0; } .wp-theme-1 .like-button.inline .count { display: inline-block; top: -2px; } .wp-theme-1 .like-button.inline .count small { font-size: 13px; } .wp-theme-1 .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .wp-theme-1 .side-like-box .button { text-align: center; padding: 0; } .wp-theme-1 .side-like-box .count { text-align: center; } .wp-theme-1 .side-like-box i { font-size: 24px; } .wp-theme-1 ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .wp-theme-1 ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .wp-theme-1 ul.list-listings li.featured { border-color: #e91b23; } .wp-theme-1 ul.list-listings li:before, .wp-theme-1 ul.list-listings li:after { content: ""; display: table; } .wp-theme-1 ul.list-listings li:after { clear: both; } .wp-theme-1 ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .wp-theme-1 ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .wp-theme-1 ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .wp-theme-1 ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .wp-theme-1 ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .wp-theme-1 ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .wp-theme-1 ul.list-listings .listing-actions .btn { margin-top: 6px; } .wp-theme-1 ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .wp-theme-1 ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .wp-theme-1 ul.list-check li i { color: #e91b23; font-style: normal; margin-right: 4px; } .wp-theme-1 ul.list-check li span { font-size: 14px; } .wp-theme-1 ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .wp-theme-1 ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .wp-theme-1 ul.categories li:last-child { border: 0; } .wp-theme-1 ul.categories li a { display: block; padding: 10px 15px; } .wp-theme-1 ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .wp-theme-1 ul.categories li a:hover { background: #e91b23; color: #FFF; text-decoration: none; } .wp-theme-1 ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .wp-theme-1 ul.categories li a:hover i { color: #FFF; } .wp-theme-1 .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .wp-theme-1 .timeline .year { border-radius: 3px; } .wp-theme-1 .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .wp-theme-1 .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #e91b23; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-1 .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .wp-theme-1 .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #e91b23; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-1 .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .wp-theme-1 .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-1 .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-1 .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-1 .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-1 .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .wp-theme-1 .timeline .event-date i { margin-right: 7px; } .wp-theme-1 .timeline .event-body { background: #f8f8f8; } .wp-theme-1 .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .wp-theme-1 .timeline .event-footer:after, .wp-theme-1 .timeline .event-footer:before { display: table; content: " "; } .wp-theme-1 .timeline .event-footer:after { clear: both; } .wp-theme-1 .timeline .event img { margin: 0; } .wp-theme-1 .timeline p { padding: 20px 10px; text-align: left; } .wp-theme-1 .timeline iframe { margin: 10px 0 0 0; } .wp-theme-1 #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .wp-theme-1 #toTopHover { background: #e91b23; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .wp-theme-1 #toTop:active, .wp-theme-1 #toTop:focus { outline: none; } .wp-theme-1 #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .wp-theme-1 .widget.tags-wr { padding-bottom: 15px; } .wp-theme-1 .tags-list:before, .wp-theme-1 .tags-list:after { display: table; content: ""; } .wp-theme-1 .tags-list:after { clear: both; } .wp-theme-1 .tags-list { list-style: none; padding-left: 0; margin: 0; } .wp-theme-1 .tags-list li { border: 1px solid #e91b23; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #e91b23; font-size: 12px; } .wp-theme-1 .tags-list li a { color: #e91b23; margin-left: 4px; } .wp-theme-1 .tags-list li:hover { background: #e91b23; color: #FFF; } .wp-theme-1 .tags-list li:hover a { color: #FFF; text-decoration: none; } .wp-theme-2 .btn { font-weight: normal; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .wp-theme-2 .btn i { margin-right: 4px; } .wp-theme-2 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 3px; } .wp-theme-2 .btn-lg i { font-size: 24px; position: relative; top: 3px; } .wp-theme-2 .btn-xs { padding: 4px 10px; } .wp-theme-2 .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .wp-theme-2 .btn-one:hover, .wp-theme-2 .btn-one:focus, .wp-theme-2 .btn-one:active, .wp-theme-2 .btn-one.active, .wp-theme-2 .open .dropdown-toggle.btn-one { color: #563d7c; background-color: #FFF; border-color: #FFF; } .wp-theme-2 .btn-one:active, .wp-theme-2 .btn-one.active, .wp-theme-2 .open .dropdown-toggle.btn-one { background-image: none; } .wp-theme-2 .btn-two { color: #ffffff; background-color: #563d7c; border: 1px solid; border-color: #4c3372; } .wp-theme-2 .btn-two:hover, .wp-theme-2 .btn-two:focus, .wp-theme-2 .btn-two:active, .wp-theme-2 .btn-two.active, .wp-theme-2 .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #422968; border-color: #422968; } .wp-theme-2 .btn-two:active, .wp-theme-2 .btn-two.active, .wp-theme-2 .open .dropdown-toggle.btn-two { background-image: none; } .wp-theme-2 .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .wp-theme-2 .btn-three:hover, .wp-theme-2 .btn-three:focus, .wp-theme-2 .btn-three:active, .wp-theme-2 .btn-three.active, .wp-theme-2 .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .wp-theme-2 .btn-three:active, .wp-theme-2 .btn-three.active, .wp-theme-2 .open .dropdown-toggle.btn-three { background-image: none; } .wp-theme-2 .btn-four { background-color: none; border: 2px solid #563d7c; color: #563d7c; } .wp-theme-2 .btn-four:hover, .wp-theme-2 .btn-four:focus, .wp-theme-2 .btn-four:active, .wp-theme-2 .btn-four.active, .wp-theme-2 .open .dropdown-toggle.btn-four { color: #FFF; background-color: #563d7c; } .wp-theme-2 .btn-four:active, .wp-theme-2 .btn-four.active, .wp-theme-2 .open .dropdown-toggle.btn-four { background-image: none; } .wp-theme-2 h1, .wp-theme-2 h2, .wp-theme-2 h3, .wp-theme-2 h4, .wp-theme-2 h5, .wp-theme-2 h6 { font-family: "Roboto",sans-serif !important; } .wp-theme-2 p { line-height: 22px; } .wp-theme-2 a { color: #616161; cursor: pointer; } .wp-theme-2 a:hover { color: #563d7c; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .35s; } .wp-theme-2 .bg-2 { background: #563d7c; color: #FFF; } .wp-theme-2 .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .wp-theme-2 .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .wp-theme-2 .lw .bg-3 { background: #fff; color: #616161; } .wp-theme-2 .ld .bg-3 { background: #202020; color: #888; } .wp-theme-2 .bg-4 { background: #333; color: #FFF; } .wp-theme-2 .dark { background: #333; color: #FFF; } .wp-theme-2 .red { background: #e91b23; color: #FFF; } .wp-theme-2 .orange { background: #f39c12; color: #FFF; } .wp-theme-2 .green { background: #f39c12; color: #FFF; } .wp-theme-2 .blue { background: #3498db; color: #FFF; } .wp-theme-2 .light { background: #fff; color: #616161 !important; } .wp-theme-2 .blockquote-1:hover { border-color: #563d7c; } .wp-theme-2 .blockquote-1 p { font-size: 13px; } .wp-theme-2 .section-title { display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden; } .wp-theme-2 .lw .section-title { color: #333; } .wp-theme-2 .ld .section-title { color: #fff; } .wp-theme-2 .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .wp-theme-2 .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .wp-theme-2 .lw .navbar-wp { background: #fff; border-bottom: 1px solid #e0eded; } .wp-theme-2 .ld .navbar-wp { background: #181818; border-bottom: 1px solid #444; } .wp-theme-2 .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .wp-theme-2 .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .wp-theme-2 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-2 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-2 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-2 .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .wp-theme-2 .lw .navbar-wp .navbar-nav > li > a:hover, .wp-theme-2 .lw .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #563d7c; } .wp-theme-2 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-2 .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .wp-theme-2 .ld .navbar-wp .navbar-nav > li > a:hover, .wp-theme-2 .ld .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #563d7c; } .wp-theme-2 .navbar-wp .navbar-nav > .active > a, .wp-theme-2 .navbar-wp .navbar-nav > .active > a:hover, .wp-theme-2 .navbar-wp .navbar-nav > .active > a:focus { color: #fff !important; background-color: #563d7c; border-radius: 0; } .wp-theme-2 .navbar-wp .navbar-nav > .disabled > a, .wp-theme-2 .navbar-wp .navbar-nav > .disabled > a:hover, .wp-theme-2 .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .wp-theme-2 .navbar-wp .navbar-nav > .open > a, .wp-theme-2 .navbar-wp .navbar-nav > .open > a:hover, .wp-theme-2 .navbar-wp .navbar-nav > .open > a:focus { color: #FFF !important; background-color: #563d7c; } .wp-theme-2 .navbar-wp .navbar-nav > .open > a .caret, .wp-theme-2 .navbar-wp .navbar-nav > .open > a:hover .caret, .wp-theme-2 .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-2 .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-2 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .wp-theme-2 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-2 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #563d7c; } .wp-theme-2 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .wp-theme-2 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .wp-theme-2 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #563d7c !important; background-color: none; } .wp-theme-2 .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .wp-theme-2 .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .wp-theme-2 .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .wp-theme-2 .navbar-wp .navbar-toggle:hover, .wp-theme-2 .navbar-wp .navbar-toggle:focus { background-color: #563d7c; border-color: #563d7c; } .wp-theme-2 .navbar-wp .navbar-toggle:hover .icon-bar, .wp-theme-2 .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .wp-theme-2 .navbar-wp .navbar-toggle:hover .icon-custom, .wp-theme-2 .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .wp-theme-2 .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .wp-theme-2 .navbar-wp .navbar-collapse, .wp-theme-2 .navbar-wp .navbar-form { border-color: #e7e7e7; } .wp-theme-2 .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .wp-theme-2 .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-2 .navbar-wp .dropdown-menu { min-width: 220px; background: #FFF; border: 0; border-top: 1px solid #563d7c; border-bottom: 3px solid #563d7c; border-radius: 0; } .wp-theme-2 .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .wp-theme-2 .navbar-wp .dropdown-menu > li:last-child { border: 0; } .wp-theme-2 .navbar-wp .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .wp-theme-2 .navbar-wp .dropdown-menu > li > a:hover { background: #563d7c; color: #FFF; } .wp-theme-2 .navbar-wp .dropdown-menu label.checkbox { color: #333; } .wp-theme-2 .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-2 .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .wp-theme-2 .navbar-wp .dropdown-menu-user { background: #fff; } .wp-theme-2 .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .wp-theme-2 .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .wp-theme-2 .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .wp-theme-2 .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .wp-theme-2 .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .wp-theme-2 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-2 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-2 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-2 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #563d7c; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-2 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #563d7c; color: #FFF; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .wp-theme-2 .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-2 .dropdown-submenu { position: relative; } .wp-theme-2 .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .wp-theme-2 .dropdown-submenu:hover > .dropdown-menu { display: block; } .wp-theme-2 .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .wp-theme-2 .dropdown-submenu:hover > a:after { border-left-color: #fff; } .wp-theme-2 .dropdown-submenu.pull-left { float: none; } .wp-theme-2 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .wp-theme-2 .nav > ul { margin: 0; padding: 0; list-style: none; } .wp-theme-2 .nav > ul > li { border-bottom: 1px solid #333; } .wp-theme-2 .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .wp-theme-2 .nav > ul > li > a:hover { text-decoration: none; color: #563d7c; background: #292929; } .wp-theme-2 .nav > ul > li > a > i { margin-right: 5px; } .wp-theme-2 .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .wp-theme-2 .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .wp-theme-2 .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .wp-theme-2 .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .wp-theme-2 .pg-opt.fixed h2 { margin-bottom: 15px; } .wp-theme-2 .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .wp-theme-2 .pg-opt.fixed hr { display: none; } .wp-theme-2 .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .wp-theme-2 .pg-opt .breadcrumb a { color: #563d7c; } @media only screen and (max-width:767px) { .wp-theme-2 .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .wp-theme-2 .pg-opt h2 { padding: 20px 0 0 0; } } .wp-theme-2 .page-header { margin: 0; border: 0; } .wp-theme-2 .page-header p { font-size: 16px; } .wp-theme-2 .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .wp-theme-2 .w-box:before, .wp-theme-2 .w-box:after { display: table; content: ""; } .wp-theme-2 .w-box:after { clear: both; } .wp-theme-2 .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .wp-theme-2 .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .wp-theme-2 .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .wp-theme-2 .w-box.inner h2 { padding: 10px 0; } .wp-theme-2 .w-box small { display: block; font-size: 12px; margin-top: 3px; } .wp-theme-2 .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .wp-theme-2 .w-box time { display: block; padding: 8px 15px 0 15px; } .wp-theme-2 .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .wp-theme-2 .w-box .w-footer:before, .wp-theme-2 .w-box .w-footer:after { display: table; content: ""; } .wp-theme-2 .w-box .w-footer:after { clear: both; } .wp-theme-2 .w-box .w-footer small { font-size: 12px; } .wp-theme-2 .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .wp-theme-2 .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .wp-theme-2 .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .wp-theme-2 .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .wp-theme-2 .w-box.dark { background: #333; } .wp-theme-2 .w-box.dark h2 { color: #fff; } .wp-theme-2 .w-box.white h2 { border-bottom: 0; text-align: center; } .wp-theme-2 .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .wp-theme-2 .lw .w-box.white { background: #FFF; } .wp-theme-2 .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-2 .ld .w-box.white { background: #202020; border: 1px solid #444; } .wp-theme-2 .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-2 .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .wp-theme-2 .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #563d7c; } .wp-theme-2 .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .wp-theme-2 .w-box.w-box-inverse .thmb-img:hover i { background: #563d7c; color: #FFF; } .wp-theme-2 .c-box { border: 1px solid #563d7c; } .wp-theme-2 .c-box .c-box-header { padding: 10px 15px; background: #563d7c; color: #fff; font-size: 16px; text-transform: capitalize; } .wp-theme-2 .c-box .table { margin: 0; } .wp-theme-2 .ld .w-section h4, .wp-theme-2 .ld .w-section h3, .wp-theme-2 .ld .w-section h2 { color: #fff; } .wp-theme-2 .w-section .aside-feature { margin: 10px; cursor: default; } .wp-theme-2 .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .wp-theme-2 .w-section .aside-feature:hover .icon-feature, .wp-theme-2 .w-section .aside-feature:hover h4 { color: #563d7c; } .wp-theme-2 .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .wp-theme-2 .w-section .aside-feature .img-feature img { width: 78px; } .wp-theme-2 .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .wp-theme-2 .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-2 .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .wp-theme-2 .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-2 .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #563d7c; text-transform: capitalize; } .wp-theme-2 .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #563d7c; text-transform: capitalize; } .wp-theme-2 .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .wp-theme-2 .box-element { padding: 20px; } .wp-theme-2 .box-element:nth-child(n+1) { margin-top: 20px; } .wp-theme-2 .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .wp-theme-2 .box-element.box-element-bordered { background: transparent !important; border: 1px solid #563d7c; } .wp-theme-2 .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .wp-theme-2 .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .wp-theme-2 .carousel-2 { position: relative; } .wp-theme-2 .carousel-2 .item { padding: 36px 0 !important; } .wp-theme-2 .carousel-2 .carousel-indicators { bottom: 0; } .wp-theme-2 .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .wp-theme-2 .carousel-2 .carousel-indicators .active { background-color: #563d7c; } .wp-theme-2 .carousel-2 .img-thumbnail { margin-top: 26px; } .wp-theme-2 .carousel-2 h2 { font-size: 22px; } .wp-theme-2 .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #563d7c; opacity: 1; } .wp-theme-2 .carousel-2 .carousel-nav a:hover { background: #563d7c !important; color: #fff; } .wp-theme-2 .carousel-2 .carousel-nav a.left { right: 36px; } .wp-theme-2 .carousel-2 .carousel-nav a.right { right: 0; } .wp-theme-2 .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .wp-theme-2 .carousel-2 .carousel-control.left i { left: 18px; } .wp-theme-2 .carousel-2 .carousel-control.right i { right: 18px; } .wp-theme-2 .carousel-3 { position: relative; } .wp-theme-2 .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #563d7c; opacity: 1; } .wp-theme-2 .carousel-3 .carousel-nav a:hover { background: #563d7c !important; color: #fff; } .wp-theme-2 .carousel-3 .carousel-nav a.left { right: 36px; } .wp-theme-2 .carousel-3 .carousel-nav a.right { right: 0; } .wp-theme-2 .carousel-3 .carousel-nav a:hover { background: #FFF; } .wp-theme-2 .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .wp-theme-2 .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .wp-theme-2 .like-button .button i { font-size: 20px; color: #ddd; } .wp-theme-2 .like-button .button.liked i { color: #563d7c; } .wp-theme-2 .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .wp-theme-2 .like-button.inline .button { display: inline-block; padding: 0; } .wp-theme-2 .like-button.inline .count { display: inline-block; top: -2px; } .wp-theme-2 .like-button.inline .count small { font-size: 13px; } .wp-theme-2 .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .wp-theme-2 .side-like-box .button { text-align: center; padding: 0; } .wp-theme-2 .side-like-box .count { text-align: center; } .wp-theme-2 .side-like-box i { font-size: 24px; } .wp-theme-2 ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .wp-theme-2 ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .wp-theme-2 ul.list-listings li.featured { border-color: #563d7c; } .wp-theme-2 ul.list-listings li:before, .wp-theme-2 ul.list-listings li:after { content: ""; display: table; } .wp-theme-2 ul.list-listings li:after { clear: both; } .wp-theme-2 ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .wp-theme-2 ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .wp-theme-2 ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .wp-theme-2 ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .wp-theme-2 ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .wp-theme-2 ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .wp-theme-2 ul.list-listings .listing-actions .btn { margin-top: 6px; } .wp-theme-2 ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .wp-theme-2 ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .wp-theme-2 ul.list-check li i { color: #563d7c; font-style: normal; margin-right: 4px; } .wp-theme-2 ul.list-check li span { font-size: 14px; } .wp-theme-2 ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .wp-theme-2 ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .wp-theme-2 ul.categories li:last-child { border: 0; } .wp-theme-2 ul.categories li a { display: block; padding: 10px 15px; } .wp-theme-2 ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .wp-theme-2 ul.categories li a:hover { background: #563d7c; color: #FFF; text-decoration: none; } .wp-theme-2 ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .wp-theme-2 ul.categories li a:hover i { color: #FFF; } .wp-theme-2 .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .wp-theme-2 .timeline .year { border-radius: 3px; } .wp-theme-2 .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .wp-theme-2 .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #563d7c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-2 .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .wp-theme-2 .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #563d7c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-2 .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .wp-theme-2 .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-2 .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-2 .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-2 .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-2 .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .wp-theme-2 .timeline .event-date i { margin-right: 7px; } .wp-theme-2 .timeline .event-body { background: #f8f8f8; } .wp-theme-2 .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .wp-theme-2 .timeline .event-footer:after, .wp-theme-2 .timeline .event-footer:before { display: table; content: " "; } .wp-theme-2 .timeline .event-footer:after { clear: both; } .wp-theme-2 .timeline .event img { margin: 0; } .wp-theme-2 .timeline p { padding: 20px 10px; text-align: left; } .wp-theme-2 .timeline iframe { margin: 10px 0 0 0; } .wp-theme-2 #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .wp-theme-2 #toTopHover { background: #563d7c; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .wp-theme-2 #toTop:active, .wp-theme-2 #toTop:focus { outline: none; } .wp-theme-2 #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .wp-theme-2 .widget.tags-wr { padding-bottom: 15px; } .wp-theme-2 .tags-list:before, .wp-theme-2 .tags-list:after { display: table; content: ""; } .wp-theme-2 .tags-list:after { clear: both; } .wp-theme-2 .tags-list { list-style: none; padding-left: 0; margin: 0; } .wp-theme-2 .tags-list li { border: 1px solid #563d7c; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #563d7c; font-size: 12px; } .wp-theme-2 .tags-list li a { color: #563d7c; margin-left: 4px; } .wp-theme-2 .tags-list li:hover { background: #563d7c; color: #FFF; } .wp-theme-2 .tags-list li:hover a { color: #FFF; text-decoration: none; } .tg-main .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .tg-main .btn-one:hover, .tg-main .btn-one:focus, .tg-main .btn-one:active, .tg-main .btn-one.active, .tg-main .open .dropdown-toggle.btn-one { color: #59b2e5; background-color: #FFF; border-color: #FFF; } .tg-main .btn-one:active, .tg-main .btn-one.active, .tg-main .open .dropdown-toggle.btn-one { background-image: none; } .tg-main .btn-two { color: #ffffff; background-color: #59b2e5; border: 1px solid; border-color: #4fa8db; } .tg-main .btn-two:hover, .tg-main .btn-two:focus, .tg-main .btn-two:active, .tg-main .btn-two.active, .tg-main .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #459ed1; border-color: #459ed1; } .tg-main .btn-two:active, .tg-main .btn-two.active, .tg-main .open .dropdown-toggle.btn-two { background-image: none; } .tg-main .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .tg-main .btn-three:hover, .tg-main .btn-three:focus, .tg-main .btn-three:active, .tg-main .btn-three.active, .tg-main .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .tg-main .btn-three:active, .tg-main .btn-three.active, .tg-main .open .dropdown-toggle.btn-three { background-image: none; } .tg-main .btn-four { background-color: none; border: 2px solid #59b2e5; color: #59b2e5; } .tg-main .btn-four:hover, .tg-main .btn-four:focus, .tg-main .btn-four:active, .tg-main .btn-four.active, .tg-main .open .dropdown-toggle.btn-four { color: #FFF; background-color: #59b2e5; } .tg-main .btn-four:active, .tg-main .btn-four.active, .tg-main .open .dropdown-toggle.btn-four { background-image: none; } .tg-main p { line-height: 22px; } .tg-main a { color: rgba(0,0,0,0.87); cursor: pointer; } .tg-main .bg-2 { background: #59b2e5; color: #FFF; } .tg-main .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .tg-main .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .tg-main .lw .bg-3 { background: #fff; color: #616161; } .tg-main .ld .bg-3 { background: #202020; color: #888; } .tg-main .bg-4 { background: #333; color: #FFF; } .tg-main .dark { background: #333; color: #FFF; } .tg-main .red { background: #e91b23; color: #FFF; } .tg-main .orange { background: #f39c12; color: #FFF; } .tg-main .green { background: #f39c12; color: #FFF; } .tg-main .blue { background: #3498db; color: #FFF; } .tg-main .light { background: #fff; color: #616161 !important; } .tg-main .blockquote-1:hover { border-color: #59b2e5; } .tg-main .blockquote-1 p { font-size: 13px; } .tg-main .section-title { /*display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden;*/ } .tg-main .lw .section-title { color: #333; } .tg-main .ld .section-title { color: #fff; } .tg-main .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .tg-main .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .tg-main .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .tg-main .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .tg-main .lw .navbar-wp .navbar-nav > li > a { color: #333; } .tg-main .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .tg-main .lw .navbar-wp .navbar-nav > li > a { color: #333; } .tg-main .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .tg-main .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .tg-main .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .tg-main .navbar-wp .navbar-nav > .disabled > a, .tg-main .navbar-wp .navbar-nav > .disabled > a:hover, .tg-main .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .tg-main .navbar-wp .navbar-nav > .open > a .caret, .tg-main .navbar-wp .navbar-nav > .open > a:hover .caret, .tg-main .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .tg-main .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .tg-main .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .tg-main .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .tg-main .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #59b2e5; } .tg-main .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .tg-main .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .tg-main .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #59b2e5 !important; background-color: none; } .tg-main .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .tg-main .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .tg-main .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .tg-main .navbar-wp .navbar-toggle:hover .icon-bar, .tg-main .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .tg-main .navbar-wp .navbar-toggle:hover .icon-custom, .tg-main .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .tg-main .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .tg-main .navbar-wp .navbar-collapse, .tg-main .navbar-wp .navbar-form { border-color: #e7e7e7; } .tg-main .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .tg-main .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .tg-main .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .tg-main .navbar-wp .dropdown-menu > li:last-child { border: 0; } .tg-main .navbar-wp .dropdown-menu label.checkbox { color: #333; } .tg-main .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .tg-main .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .tg-main .navbar-wp .dropdown-menu-user { background: #fff; } .tg-main .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .tg-main .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .tg-main .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .tg-main .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .tg-main .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .tg-main .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .tg-main .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .tg-main .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .tg-main .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .tg-main .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .tg-main .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .tg-main .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .tg-main .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #59b2e5; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .tg-main .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tg-main .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #59b2e5; color: #FFF; } .tg-main .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .tg-main .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .tg-main .dropdown-submenu { position: relative; } .tg-main .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .tg-main .dropdown-submenu:hover > .dropdown-menu { display: block; } .tg-main .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .tg-main .dropdown-submenu:hover > a:after { border-left-color: #fff; } .tg-main .dropdown-submenu.pull-left { float: none; } .tg-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .tg-main .nav > ul { margin: 0; padding: 0; list-style: none; } .tg-main .nav > ul > li { border-bottom: 1px solid #333; } .tg-main .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .tg-main .nav > ul > li > a:hover { text-decoration: none; color: #59b2e5; background: #292929; } .tg-main .nav > ul > li > a > i { margin-right: 5px; } .tg-main .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .tg-main .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .tg-main .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .tg-main .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .tg-main .pg-opt.fixed h2 { margin-bottom: 15px; } .tg-main .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .tg-main .pg-opt.fixed hr { display: none; } .tg-main .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .tg-main .pg-opt .breadcrumb a { color: #59b2e5; } @media only screen and (max-width:767px) { .tg-main .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .tg-main .pg-opt h2 { padding: 20px 0 0 0; } } .tg-main .page-header { margin: 0; border: 0; } .tg-main .page-header p { font-size: 16px; } .tg-main .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .tg-main .w-box:before, .tg-main .w-box:after { display: table; content: ""; } .tg-main .w-box:after { clear: both; } .tg-main .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .tg-main .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .tg-main .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .tg-main .w-box.inner h2 { padding: 10px 0; } .tg-main .w-box small { display: block; font-size: 12px; margin-top: 3px; } .tg-main .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .tg-main .w-box time { display: block; padding: 8px 15px 0 15px; } .tg-main .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .tg-main .w-box .w-footer:before, .tg-main .w-box .w-footer:after { display: table; content: ""; } .tg-main .w-box .w-footer:after { clear: both; } .tg-main .w-box .w-footer small { font-size: 12px; } .tg-main .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .tg-main .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .tg-main .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .tg-main .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .tg-main .w-box.dark { background: #333; } .tg-main .w-box.dark h2 { color: #fff; } .tg-main .w-box.white h2 { border-bottom: 0; text-align: center; } .tg-main .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .tg-main .lw .w-box.white { background: #FFF; } .tg-main .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .tg-main .ld .w-box.white { background: #202020; border: 1px solid #444; } .tg-main .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .tg-main .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .tg-main .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #59b2e5; } .tg-main .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .tg-main .w-box.w-box-inverse .thmb-img:hover i { background: #59b2e5; color: #FFF; } .tg-main .c-box { border: 1px solid #59b2e5; } .tg-main .c-box .c-box-header { padding: 10px 15px; background: #59b2e5; color: #fff; font-size: 16px; text-transform: capitalize; } .tg-main .c-box .table { margin: 0; } .tg-main .ld .w-section h4, .tg-main .ld .w-section h3, .tg-main .ld .w-section h2 { color: #fff; } .tg-main .w-section .aside-feature { margin: 10px; cursor: default; } .tg-main .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .tg-main .w-section .aside-feature:hover .icon-feature, .tg-main .w-section .aside-feature:hover h4 { color: #59b2e5; } .tg-main .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .tg-main .w-section .aside-feature .img-feature img { width: 78px; } .tg-main .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .tg-main .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .tg-main .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .tg-main .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .tg-main .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #59b2e5; text-transform: capitalize; } .tg-main .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #59b2e5; text-transform: capitalize; } .tg-main .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .tg-main .box-element { padding: 20px; } .tg-main .box-element:nth-child(n+1) { margin-top: 20px; } .tg-main .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .tg-main .box-element.box-element-bordered { background: transparent !important; border: 1px solid #59b2e5; } .tg-main .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .tg-main .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .tg-main .carousel-2 { position: relative; } .tg-main .carousel-2 .item { padding: 36px 0 !important; } .tg-main .carousel-2 .carousel-indicators { bottom: 0; } .tg-main .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .tg-main .carousel-2 .carousel-indicators .active { background-color: #59b2e5; } .tg-main .carousel-2 .img-thumbnail { margin-top: 26px; } .tg-main .carousel-2 h2 { font-size: 22px; } .tg-main .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #59b2e5; opacity: 1; } .tg-main .carousel-2 .carousel-nav a:hover { background: #59b2e5 !important; color: #fff; } .tg-main .carousel-2 .carousel-nav a.left { right: 36px; } .tg-main .carousel-2 .carousel-nav a.right { right: 0; } .tg-main .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .tg-main .carousel-2 .carousel-control.left i { left: 18px; } .tg-main .carousel-2 .carousel-control.right i { right: 18px; } .tg-main .carousel-3 { position: relative; } .tg-main .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #59b2e5; opacity: 1; } .tg-main .carousel-3 .carousel-nav a:hover { background: #59b2e5 !important; color: #fff; } .tg-main .carousel-3 .carousel-nav a.left { right: 36px; } .tg-main .carousel-3 .carousel-nav a.right { right: 0; } .tg-main .carousel-3 .carousel-nav a:hover { background: #FFF; } .tg-main .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .tg-main .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .tg-main .like-button .button i { font-size: 20px; color: #ddd; } .tg-main .like-button .button.liked i { color: #59b2e5; } .tg-main .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .tg-main .like-button.inline .button { display: inline-block; padding: 0; } .tg-main .like-button.inline .count { display: inline-block; top: -2px; } .tg-main .like-button.inline .count small { font-size: 13px; } .tg-main .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .tg-main .side-like-box .button { text-align: center; padding: 0; } .tg-main .side-like-box .count { text-align: center; } .tg-main .side-like-box i { font-size: 24px; } .tg-main ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .tg-main ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .tg-main ul.list-listings li.featured { border-color: #59b2e5; } .tg-main ul.list-listings li:before, .tg-main ul.list-listings li:after { content: ""; display: table; } .tg-main ul.list-listings li:after { clear: both; } .tg-main ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .tg-main ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .tg-main ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .tg-main ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .tg-main ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .tg-main ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .tg-main ul.list-listings .listing-actions .btn { margin-top: 6px; } .tg-main ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .tg-main ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .tg-main ul.list-check li i { color: #59b2e5; font-style: normal; margin-right: 4px; } .tg-main ul.list-check li span { font-size: 14px; } .tg-main ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .tg-main ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .tg-main ul.categories li:last-child { border: 0; } .tg-main ul.categories li a { display: block; padding: 10px 15px; } .tg-main ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .tg-main ul.categories li a:hover { background: #59b2e5; color: #FFF; text-decoration: none; } .tg-main ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .tg-main ul.categories li a:hover i { color: #FFF; } .tg-main .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .tg-main .timeline .year { border-radius: 3px; } .tg-main .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .tg-main .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #59b2e5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .tg-main .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .tg-main .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #59b2e5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .tg-main .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .tg-main .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .tg-main .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .tg-main .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .tg-main .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .tg-main .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .tg-main .timeline .event-date i { margin-right: 7px; } .tg-main .timeline .event-body { background: #f8f8f8; } .tg-main .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .tg-main .timeline .event-footer:after, .tg-main .timeline .event-footer:before { display: table; content: " "; } .tg-main .timeline .event-footer:after { clear: both; } .tg-main .timeline .event img { margin: 0; } .tg-main .timeline p { padding: 20px 10px; text-align: left; } .tg-main .timeline iframe { margin: 10px 0 0 0; } .tg-main #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .tg-main #toTopHover { background: #59b2e5; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .tg-main #toTop:active, .tg-main #toTop:focus { outline: none; } .tg-main #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .tg-main .widget.tags-wr { padding-bottom: 15px; } .tg-main .tags-list:before, .tg-main .tags-list:after { display: table; content: ""; } .tg-main .tags-list:after { clear: both; } .tg-main .tags-list { list-style: none; padding-left: 0; margin: 0; } .tg-main .tags-list li { border: 1px solid #59b2e5; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #59b2e5; font-size: 12px; } .tg-main .tags-list li a { color: #59b2e5; margin-left: 4px; } .tg-main .tags-list li:hover { background: #59b2e5; color: #FFF; } .tg-main .tags-list li:hover a { color: #FFF; text-decoration: none; } .wp-theme-4 .btn { font-weight: normal; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .wp-theme-4 .btn i { margin-right: 4px; } .wp-theme-4 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 3px; } .wp-theme-4 .btn-lg i { font-size: 24px; position: relative; top: 3px; } .wp-theme-4 .btn-xs { padding: 4px 10px; } .wp-theme-4 .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .wp-theme-4 .btn-one:hover, .wp-theme-4 .btn-one:focus, .wp-theme-4 .btn-one:active, .wp-theme-4 .btn-one.active, .wp-theme-4 .open .dropdown-toggle.btn-one { color: #8ec449; background-color: #FFF; border-color: #FFF; } .wp-theme-4 .btn-one:active, .wp-theme-4 .btn-one.active, .wp-theme-4 .open .dropdown-toggle.btn-one { background-image: none; } .wp-theme-4 .btn-two { color: #ffffff; background-color: #8ec449; border: 1px solid; border-color: #84ba3f; } .wp-theme-4 .btn-two:hover, .wp-theme-4 .btn-two:focus, .wp-theme-4 .btn-two:active, .wp-theme-4 .btn-two.active, .wp-theme-4 .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #7ab035; border-color: #7ab035; } .wp-theme-4 .btn-two:active, .wp-theme-4 .btn-two.active, .wp-theme-4 .open .dropdown-toggle.btn-two { background-image: none; } .wp-theme-4 .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .wp-theme-4 .btn-three:hover, .wp-theme-4 .btn-three:focus, .wp-theme-4 .btn-three:active, .wp-theme-4 .btn-three.active, .wp-theme-4 .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .wp-theme-4 .btn-three:active, .wp-theme-4 .btn-three.active, .wp-theme-4 .open .dropdown-toggle.btn-three { background-image: none; } .wp-theme-4 .btn-four { background-color: none; border: 2px solid #8ec449; color: #8ec449; } .wp-theme-4 .btn-four:hover, .wp-theme-4 .btn-four:focus, .wp-theme-4 .btn-four:active, .wp-theme-4 .btn-four.active, .wp-theme-4 .open .dropdown-toggle.btn-four { color: #FFF; background-color: #8ec449; } .wp-theme-4 .btn-four:active, .wp-theme-4 .btn-four.active, .wp-theme-4 .open .dropdown-toggle.btn-four { background-image: none; } .wp-theme-4 h1, .wp-theme-4 h2, .wp-theme-4 h3, .wp-theme-4 h4, .wp-theme-4 h5, .wp-theme-4 h6 { font-family: "Roboto",sans-serif !important; } .wp-theme-4 p { line-height: 22px; } .wp-theme-4 a { color: #616161; cursor: pointer; } .wp-theme-4 a:hover { color: #8ec449; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .35s; } .wp-theme-4 .bg-2 { background: #8ec449; color: #FFF; } .wp-theme-4 .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .wp-theme-4 .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .wp-theme-4 .lw .bg-3 { background: #fff; color: #616161; } .wp-theme-4 .ld .bg-3 { background: #202020; color: #888; } .wp-theme-4 .bg-4 { background: #333; color: #FFF; } .wp-theme-4 .dark { background: #333; color: #FFF; } .wp-theme-4 .red { background: #e91b23; color: #FFF; } .wp-theme-4 .orange { background: #f39c12; color: #FFF; } .wp-theme-4 .green { background: #f39c12; color: #FFF; } .wp-theme-4 .blue { background: #3498db; color: #FFF; } .wp-theme-4 .light { background: #fff; color: #616161 !important; } .wp-theme-4 .blockquote-1:hover { border-color: #8ec449; } .wp-theme-4 .blockquote-1 p { font-size: 13px; } .wp-theme-4 .section-title { display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden; } .wp-theme-4 .lw .section-title { color: #333; } .wp-theme-4 .ld .section-title { color: #fff; } .wp-theme-4 .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .wp-theme-4 .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .wp-theme-4 .lw .navbar-wp { background: #fff; border-bottom: 1px solid #e0eded; } .wp-theme-4 .ld .navbar-wp { background: #181818; border-bottom: 1px solid #444; } .wp-theme-4 .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .wp-theme-4 .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .wp-theme-4 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-4 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-4 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-4 .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .wp-theme-4 .lw .navbar-wp .navbar-nav > li > a:hover, .wp-theme-4 .lw .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #8ec449; } .wp-theme-4 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-4 .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .wp-theme-4 .ld .navbar-wp .navbar-nav > li > a:hover, .wp-theme-4 .ld .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #8ec449; } .wp-theme-4 .navbar-wp .navbar-nav > .active > a, .wp-theme-4 .navbar-wp .navbar-nav > .active > a:hover, .wp-theme-4 .navbar-wp .navbar-nav > .active > a:focus { color: #fff !important; background-color: #8ec449; border-radius: 0; } .wp-theme-4 .navbar-wp .navbar-nav > .disabled > a, .wp-theme-4 .navbar-wp .navbar-nav > .disabled > a:hover, .wp-theme-4 .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .wp-theme-4 .navbar-wp .navbar-nav > .open > a, .wp-theme-4 .navbar-wp .navbar-nav > .open > a:hover, .wp-theme-4 .navbar-wp .navbar-nav > .open > a:focus { color: #FFF !important; background-color: #8ec449; } .wp-theme-4 .navbar-wp .navbar-nav > .open > a .caret, .wp-theme-4 .navbar-wp .navbar-nav > .open > a:hover .caret, .wp-theme-4 .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-4 .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-4 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .wp-theme-4 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-4 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #8ec449; } .wp-theme-4 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .wp-theme-4 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .wp-theme-4 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #8ec449 !important; background-color: none; } .wp-theme-4 .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .wp-theme-4 .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .wp-theme-4 .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .wp-theme-4 .navbar-wp .navbar-toggle:hover, .wp-theme-4 .navbar-wp .navbar-toggle:focus { background-color: #8ec449; border-color: #8ec449; } .wp-theme-4 .navbar-wp .navbar-toggle:hover .icon-bar, .wp-theme-4 .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .wp-theme-4 .navbar-wp .navbar-toggle:hover .icon-custom, .wp-theme-4 .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .wp-theme-4 .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .wp-theme-4 .navbar-wp .navbar-collapse, .wp-theme-4 .navbar-wp .navbar-form { border-color: #e7e7e7; } .wp-theme-4 .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .wp-theme-4 .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-4 .navbar-wp .dropdown-menu { min-width: 220px; background: #FFF; border: 0; border-top: 1px solid #8ec449; border-bottom: 3px solid #8ec449; border-radius: 0; } .wp-theme-4 .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .wp-theme-4 .navbar-wp .dropdown-menu > li:last-child { border: 0; } .wp-theme-4 .navbar-wp .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .wp-theme-4 .navbar-wp .dropdown-menu > li > a:hover { background: #8ec449; color: #FFF; } .wp-theme-4 .navbar-wp .dropdown-menu label.checkbox { color: #333; } .wp-theme-4 .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-4 .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .wp-theme-4 .navbar-wp .dropdown-menu-user { background: #fff; } .wp-theme-4 .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .wp-theme-4 .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .wp-theme-4 .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .wp-theme-4 .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .wp-theme-4 .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .wp-theme-4 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-4 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-4 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-4 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #8ec449; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-4 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #8ec449; color: #FFF; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .wp-theme-4 .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-4 .dropdown-submenu { position: relative; } .wp-theme-4 .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .wp-theme-4 .dropdown-submenu:hover > .dropdown-menu { display: block; } .wp-theme-4 .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .wp-theme-4 .dropdown-submenu:hover > a:after { border-left-color: #fff; } .wp-theme-4 .dropdown-submenu.pull-left { float: none; } .wp-theme-4 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .wp-theme-4 .nav > ul { margin: 0; padding: 0; list-style: none; } .wp-theme-4 .nav > ul > li { border-bottom: 1px solid #333; } .wp-theme-4 .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .wp-theme-4 .nav > ul > li > a:hover { text-decoration: none; color: #8ec449; background: #292929; } .wp-theme-4 .nav > ul > li > a > i { margin-right: 5px; } .wp-theme-4 .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .wp-theme-4 .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .wp-theme-4 .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .wp-theme-4 .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .wp-theme-4 .pg-opt.fixed h2 { margin-bottom: 15px; } .wp-theme-4 .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .wp-theme-4 .pg-opt.fixed hr { display: none; } .wp-theme-4 .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .wp-theme-4 .pg-opt .breadcrumb a { color: #8ec449; } @media only screen and (max-width:767px) { .wp-theme-4 .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .wp-theme-4 .pg-opt h2 { padding: 20px 0 0 0; } } .wp-theme-4 .page-header { margin: 0; border: 0; } .wp-theme-4 .page-header p { font-size: 16px; } .wp-theme-4 .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .wp-theme-4 .w-box:before, .wp-theme-4 .w-box:after { display: table; content: ""; } .wp-theme-4 .w-box:after { clear: both; } .wp-theme-4 .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .wp-theme-4 .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .wp-theme-4 .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .wp-theme-4 .w-box.inner h2 { padding: 10px 0; } .wp-theme-4 .w-box small { display: block; font-size: 12px; margin-top: 3px; } .wp-theme-4 .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .wp-theme-4 .w-box time { display: block; padding: 8px 15px 0 15px; } .wp-theme-4 .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .wp-theme-4 .w-box .w-footer:before, .wp-theme-4 .w-box .w-footer:after { display: table; content: ""; } .wp-theme-4 .w-box .w-footer:after { clear: both; } .wp-theme-4 .w-box .w-footer small { font-size: 12px; } .wp-theme-4 .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .wp-theme-4 .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .wp-theme-4 .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .wp-theme-4 .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .wp-theme-4 .w-box.dark { background: #333; } .wp-theme-4 .w-box.dark h2 { color: #fff; } .wp-theme-4 .w-box.white h2 { border-bottom: 0; text-align: center; } .wp-theme-4 .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .wp-theme-4 .lw .w-box.white { background: #FFF; } .wp-theme-4 .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-4 .ld .w-box.white { background: #202020; border: 1px solid #444; } .wp-theme-4 .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-4 .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .wp-theme-4 .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #8ec449; } .wp-theme-4 .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .wp-theme-4 .w-box.w-box-inverse .thmb-img:hover i { background: #8ec449; color: #FFF; } .wp-theme-4 .c-box { border: 1px solid #8ec449; } .wp-theme-4 .c-box .c-box-header { padding: 10px 15px; background: #8ec449; color: #fff; font-size: 16px; text-transform: capitalize; } .wp-theme-4 .c-box .table { margin: 0; } .wp-theme-4 .ld .w-section h4, .wp-theme-4 .ld .w-section h3, .wp-theme-4 .ld .w-section h2 { color: #fff; } .wp-theme-4 .w-section .aside-feature { margin: 10px; cursor: default; } .wp-theme-4 .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .wp-theme-4 .w-section .aside-feature:hover .icon-feature, .wp-theme-4 .w-section .aside-feature:hover h4 { color: #8ec449; } .wp-theme-4 .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .wp-theme-4 .w-section .aside-feature .img-feature img { width: 78px; } .wp-theme-4 .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .wp-theme-4 .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-4 .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .wp-theme-4 .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-4 .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #8ec449; text-transform: capitalize; } .wp-theme-4 .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #8ec449; text-transform: capitalize; } .wp-theme-4 .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .wp-theme-4 .box-element { padding: 20px; } .wp-theme-4 .box-element:nth-child(n+1) { margin-top: 20px; } .wp-theme-4 .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .wp-theme-4 .box-element.box-element-bordered { background: transparent !important; border: 1px solid #8ec449; } .wp-theme-4 .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .wp-theme-4 .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .wp-theme-4 .carousel-2 { position: relative; } .wp-theme-4 .carousel-2 .item { padding: 36px 0 !important; } .wp-theme-4 .carousel-2 .carousel-indicators { bottom: 0; } .wp-theme-4 .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .wp-theme-4 .carousel-2 .carousel-indicators .active { background-color: #8ec449; } .wp-theme-4 .carousel-2 .img-thumbnail { margin-top: 26px; } .wp-theme-4 .carousel-2 h2 { font-size: 22px; } .wp-theme-4 .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #8ec449; opacity: 1; } .wp-theme-4 .carousel-2 .carousel-nav a:hover { background: #8ec449 !important; color: #fff; } .wp-theme-4 .carousel-2 .carousel-nav a.left { right: 36px; } .wp-theme-4 .carousel-2 .carousel-nav a.right { right: 0; } .wp-theme-4 .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .wp-theme-4 .carousel-2 .carousel-control.left i { left: 18px; } .wp-theme-4 .carousel-2 .carousel-control.right i { right: 18px; } .wp-theme-4 .carousel-3 { position: relative; } .wp-theme-4 .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #8ec449; opacity: 1; } .wp-theme-4 .carousel-3 .carousel-nav a:hover { background: #8ec449 !important; color: #fff; } .wp-theme-4 .carousel-3 .carousel-nav a.left { right: 36px; } .wp-theme-4 .carousel-3 .carousel-nav a.right { right: 0; } .wp-theme-4 .carousel-3 .carousel-nav a:hover { background: #FFF; } .wp-theme-4 .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .wp-theme-4 .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .wp-theme-4 .like-button .button i { font-size: 20px; color: #ddd; } .wp-theme-4 .like-button .button.liked i { color: #8ec449; } .wp-theme-4 .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .wp-theme-4 .like-button.inline .button { display: inline-block; padding: 0; } .wp-theme-4 .like-button.inline .count { display: inline-block; top: -2px; } .wp-theme-4 .like-button.inline .count small { font-size: 13px; } .wp-theme-4 .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .wp-theme-4 .side-like-box .button { text-align: center; padding: 0; } .wp-theme-4 .side-like-box .count { text-align: center; } .wp-theme-4 .side-like-box i { font-size: 24px; } .wp-theme-4 ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .wp-theme-4 ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .wp-theme-4 ul.list-listings li.featured { border-color: #8ec449; } .wp-theme-4 ul.list-listings li:before, .wp-theme-4 ul.list-listings li:after { content: ""; display: table; } .wp-theme-4 ul.list-listings li:after { clear: both; } .wp-theme-4 ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .wp-theme-4 ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .wp-theme-4 ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .wp-theme-4 ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .wp-theme-4 ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .wp-theme-4 ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .wp-theme-4 ul.list-listings .listing-actions .btn { margin-top: 6px; } .wp-theme-4 ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .wp-theme-4 ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .wp-theme-4 ul.list-check li i { color: #8ec449; font-style: normal; margin-right: 4px; } .wp-theme-4 ul.list-check li span { font-size: 14px; } .wp-theme-4 ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .wp-theme-4 ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .wp-theme-4 ul.categories li:last-child { border: 0; } .wp-theme-4 ul.categories li a { display: block; padding: 10px 15px; } .wp-theme-4 ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .wp-theme-4 ul.categories li a:hover { background: #8ec449; color: #FFF; text-decoration: none; } .wp-theme-4 ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .wp-theme-4 ul.categories li a:hover i { color: #FFF; } .wp-theme-4 .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .wp-theme-4 .timeline .year { border-radius: 3px; } .wp-theme-4 .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .wp-theme-4 .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #8ec449; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-4 .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .wp-theme-4 .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #8ec449; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-4 .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .wp-theme-4 .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-4 .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-4 .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-4 .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-4 .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .wp-theme-4 .timeline .event-date i { margin-right: 7px; } .wp-theme-4 .timeline .event-body { background: #f8f8f8; } .wp-theme-4 .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .wp-theme-4 .timeline .event-footer:after, .wp-theme-4 .timeline .event-footer:before { display: table; content: " "; } .wp-theme-4 .timeline .event-footer:after { clear: both; } .wp-theme-4 .timeline .event img { margin: 0; } .wp-theme-4 .timeline p { padding: 20px 10px; text-align: left; } .wp-theme-4 .timeline iframe { margin: 10px 0 0 0; } .wp-theme-4 #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .wp-theme-4 #toTopHover { background: #8ec449; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .wp-theme-4 #toTop:active, .wp-theme-4 #toTop:focus { outline: none; } .wp-theme-4 #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .wp-theme-4 .widget.tags-wr { padding-bottom: 15px; } .wp-theme-4 .tags-list:before, .wp-theme-4 .tags-list:after { display: table; content: ""; } .wp-theme-4 .tags-list:after { clear: both; } .wp-theme-4 .tags-list { list-style: none; padding-left: 0; margin: 0; } .wp-theme-4 .tags-list li { border: 1px solid #8ec449; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #8ec449; font-size: 12px; } .wp-theme-4 .tags-list li a { color: #8ec449; margin-left: 4px; } .wp-theme-4 .tags-list li:hover { background: #8ec449; color: #FFF; } .wp-theme-4 .tags-list li:hover a { color: #FFF; text-decoration: none; } .wp-theme-5 .btn { font-weight: normal; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .wp-theme-5 .btn i { margin-right: 4px; } .wp-theme-5 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 3px; } .wp-theme-5 .btn-lg i { font-size: 24px; position: relative; top: 3px; } .wp-theme-5 .btn-xs { padding: 4px 10px; } .wp-theme-5 .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .wp-theme-5 .btn-one:hover, .wp-theme-5 .btn-one:focus, .wp-theme-5 .btn-one:active, .wp-theme-5 .btn-one.active, .wp-theme-5 .open .dropdown-toggle.btn-one { color: #f1c40f; background-color: #FFF; border-color: #FFF; } .wp-theme-5 .btn-one:active, .wp-theme-5 .btn-one.active, .wp-theme-5 .open .dropdown-toggle.btn-one { background-image: none; } .wp-theme-5 .btn-two { color: #ffffff; background-color: #f1c40f; border: 1px solid; border-color: #e7ba05; } .wp-theme-5 .btn-two:hover, .wp-theme-5 .btn-two:focus, .wp-theme-5 .btn-two:active, .wp-theme-5 .btn-two.active, .wp-theme-5 .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #ddb000; border-color: #ddb000; } .wp-theme-5 .btn-two:active, .wp-theme-5 .btn-two.active, .wp-theme-5 .open .dropdown-toggle.btn-two { background-image: none; } .wp-theme-5 .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .wp-theme-5 .btn-three:hover, .wp-theme-5 .btn-three:focus, .wp-theme-5 .btn-three:active, .wp-theme-5 .btn-three.active, .wp-theme-5 .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .wp-theme-5 .btn-three:active, .wp-theme-5 .btn-three.active, .wp-theme-5 .open .dropdown-toggle.btn-three { background-image: none; } .wp-theme-5 .btn-four { background-color: none; border: 2px solid #f1c40f; color: #f1c40f; } .wp-theme-5 .btn-four:hover, .wp-theme-5 .btn-four:focus, .wp-theme-5 .btn-four:active, .wp-theme-5 .btn-four.active, .wp-theme-5 .open .dropdown-toggle.btn-four { color: #FFF; background-color: #f1c40f; } .wp-theme-5 .btn-four:active, .wp-theme-5 .btn-four.active, .wp-theme-5 .open .dropdown-toggle.btn-four { background-image: none; } .wp-theme-5 h1, .wp-theme-5 h2, .wp-theme-5 h3, .wp-theme-5 h4, .wp-theme-5 h5, .wp-theme-5 h6 { font-family: "Roboto",sans-serif !important; } .wp-theme-5 p { line-height: 22px; } .wp-theme-5 a { color: #616161; cursor: pointer; } .wp-theme-5 a:hover { color: #f1c40f; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .35s; } .wp-theme-5 .bg-2 { background: #f1c40f; color: #FFF; } .wp-theme-5 .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .wp-theme-5 .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .wp-theme-5 .lw .bg-3 { background: #fff; color: #616161; } .wp-theme-5 .ld .bg-3 { background: #202020; color: #888; } .wp-theme-5 .bg-4 { background: #333; color: #FFF; } .wp-theme-5 .dark { background: #333; color: #FFF; } .wp-theme-5 .red { background: #e91b23; color: #FFF; } .wp-theme-5 .orange { background: #f39c12; color: #FFF; } .wp-theme-5 .green { background: #f39c12; color: #FFF; } .wp-theme-5 .blue { background: #3498db; color: #FFF; } .wp-theme-5 .light { background: #fff; color: #616161 !important; } .wp-theme-5 .blockquote-1:hover { border-color: #f1c40f; } .wp-theme-5 .blockquote-1 p { font-size: 13px; } .wp-theme-5 .section-title { display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden; } .wp-theme-5 .lw .section-title { color: #333; } .wp-theme-5 .ld .section-title { color: #fff; } .wp-theme-5 .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .wp-theme-5 .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .wp-theme-5 .lw .navbar-wp { background: #fff; border-bottom: 1px solid #e0eded; } .wp-theme-5 .ld .navbar-wp { background: #181818; border-bottom: 1px solid #444; } .wp-theme-5 .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .wp-theme-5 .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .wp-theme-5 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-5 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-5 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-5 .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .wp-theme-5 .lw .navbar-wp .navbar-nav > li > a:hover, .wp-theme-5 .lw .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #f1c40f; } .wp-theme-5 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-5 .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .wp-theme-5 .ld .navbar-wp .navbar-nav > li > a:hover, .wp-theme-5 .ld .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #f1c40f; } .wp-theme-5 .navbar-wp .navbar-nav > .active > a, .wp-theme-5 .navbar-wp .navbar-nav > .active > a:hover, .wp-theme-5 .navbar-wp .navbar-nav > .active > a:focus { color: #fff !important; background-color: #f1c40f; border-radius: 0; } .wp-theme-5 .navbar-wp .navbar-nav > .disabled > a, .wp-theme-5 .navbar-wp .navbar-nav > .disabled > a:hover, .wp-theme-5 .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .wp-theme-5 .navbar-wp .navbar-nav > .open > a, .wp-theme-5 .navbar-wp .navbar-nav > .open > a:hover, .wp-theme-5 .navbar-wp .navbar-nav > .open > a:focus { color: #FFF !important; background-color: #f1c40f; } .wp-theme-5 .navbar-wp .navbar-nav > .open > a .caret, .wp-theme-5 .navbar-wp .navbar-nav > .open > a:hover .caret, .wp-theme-5 .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-5 .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-5 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .wp-theme-5 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-5 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #f1c40f; } .wp-theme-5 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .wp-theme-5 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .wp-theme-5 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #f1c40f !important; background-color: none; } .wp-theme-5 .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .wp-theme-5 .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .wp-theme-5 .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .wp-theme-5 .navbar-wp .navbar-toggle:hover, .wp-theme-5 .navbar-wp .navbar-toggle:focus { background-color: #f1c40f; border-color: #f1c40f; } .wp-theme-5 .navbar-wp .navbar-toggle:hover .icon-bar, .wp-theme-5 .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .wp-theme-5 .navbar-wp .navbar-toggle:hover .icon-custom, .wp-theme-5 .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .wp-theme-5 .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .wp-theme-5 .navbar-wp .navbar-collapse, .wp-theme-5 .navbar-wp .navbar-form { border-color: #e7e7e7; } .wp-theme-5 .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .wp-theme-5 .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-5 .navbar-wp .dropdown-menu { min-width: 220px; background: #FFF; border: 0; border-top: 1px solid #f1c40f; border-bottom: 3px solid #f1c40f; border-radius: 0; } .wp-theme-5 .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .wp-theme-5 .navbar-wp .dropdown-menu > li:last-child { border: 0; } .wp-theme-5 .navbar-wp .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .wp-theme-5 .navbar-wp .dropdown-menu > li > a:hover { background: #f1c40f; color: #FFF; } .wp-theme-5 .navbar-wp .dropdown-menu label.checkbox { color: #333; } .wp-theme-5 .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-5 .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .wp-theme-5 .navbar-wp .dropdown-menu-user { background: #fff; } .wp-theme-5 .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .wp-theme-5 .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .wp-theme-5 .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .wp-theme-5 .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .wp-theme-5 .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .wp-theme-5 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-5 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-5 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-5 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #f1c40f; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-5 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #f1c40f; color: #FFF; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .wp-theme-5 .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-5 .dropdown-submenu { position: relative; } .wp-theme-5 .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .wp-theme-5 .dropdown-submenu:hover > .dropdown-menu { display: block; } .wp-theme-5 .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .wp-theme-5 .dropdown-submenu:hover > a:after { border-left-color: #fff; } .wp-theme-5 .dropdown-submenu.pull-left { float: none; } .wp-theme-5 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .wp-theme-5 .nav > ul { margin: 0; padding: 0; list-style: none; } .wp-theme-5 .nav > ul > li { border-bottom: 1px solid #333; } .wp-theme-5 .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .wp-theme-5 .nav > ul > li > a:hover { text-decoration: none; color: #f1c40f; background: #292929; } .wp-theme-5 .nav > ul > li > a > i { margin-right: 5px; } .wp-theme-5 .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .wp-theme-5 .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .wp-theme-5 .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .wp-theme-5 .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .wp-theme-5 .pg-opt.fixed h2 { margin-bottom: 15px; } .wp-theme-5 .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .wp-theme-5 .pg-opt.fixed hr { display: none; } .wp-theme-5 .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .wp-theme-5 .pg-opt .breadcrumb a { color: #f1c40f; } @media only screen and (max-width:767px) { .wp-theme-5 .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .wp-theme-5 .pg-opt h2 { padding: 20px 0 0 0; } } .wp-theme-5 .page-header { margin: 0; border: 0; } .wp-theme-5 .page-header p { font-size: 16px; } .wp-theme-5 .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .wp-theme-5 .w-box:before, .wp-theme-5 .w-box:after { display: table; content: ""; } .wp-theme-5 .w-box:after { clear: both; } .wp-theme-5 .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .wp-theme-5 .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .wp-theme-5 .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .wp-theme-5 .w-box.inner h2 { padding: 10px 0; } .wp-theme-5 .w-box small { display: block; font-size: 12px; margin-top: 3px; } .wp-theme-5 .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .wp-theme-5 .w-box time { display: block; padding: 8px 15px 0 15px; } .wp-theme-5 .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .wp-theme-5 .w-box .w-footer:before, .wp-theme-5 .w-box .w-footer:after { display: table; content: ""; } .wp-theme-5 .w-box .w-footer:after { clear: both; } .wp-theme-5 .w-box .w-footer small { font-size: 12px; } .wp-theme-5 .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .wp-theme-5 .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .wp-theme-5 .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .wp-theme-5 .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .wp-theme-5 .w-box.dark { background: #333; } .wp-theme-5 .w-box.dark h2 { color: #fff; } .wp-theme-5 .w-box.white h2 { border-bottom: 0; text-align: center; } .wp-theme-5 .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .wp-theme-5 .lw .w-box.white { background: #FFF; } .wp-theme-5 .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-5 .ld .w-box.white { background: #202020; border: 1px solid #444; } .wp-theme-5 .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-5 .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .wp-theme-5 .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #f1c40f; } .wp-theme-5 .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .wp-theme-5 .w-box.w-box-inverse .thmb-img:hover i { background: #f1c40f; color: #FFF; } .wp-theme-5 .c-box { border: 1px solid #f1c40f; } .wp-theme-5 .c-box .c-box-header { padding: 10px 15px; background: #f1c40f; color: #fff; font-size: 16px; text-transform: capitalize; } .wp-theme-5 .c-box .table { margin: 0; } .wp-theme-5 .ld .w-section h4, .wp-theme-5 .ld .w-section h3, .wp-theme-5 .ld .w-section h2 { color: #fff; } .wp-theme-5 .w-section .aside-feature { margin: 10px; cursor: default; } .wp-theme-5 .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .wp-theme-5 .w-section .aside-feature:hover .icon-feature, .wp-theme-5 .w-section .aside-feature:hover h4 { color: #f1c40f; } .wp-theme-5 .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .wp-theme-5 .w-section .aside-feature .img-feature img { width: 78px; } .wp-theme-5 .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .wp-theme-5 .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-5 .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .wp-theme-5 .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-5 .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #f1c40f; text-transform: capitalize; } .wp-theme-5 .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #f1c40f; text-transform: capitalize; } .wp-theme-5 .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .wp-theme-5 .box-element { padding: 20px; } .wp-theme-5 .box-element:nth-child(n+1) { margin-top: 20px; } .wp-theme-5 .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .wp-theme-5 .box-element.box-element-bordered { background: transparent !important; border: 1px solid #f1c40f; } .wp-theme-5 .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .wp-theme-5 .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .wp-theme-5 .carousel-2 { position: relative; } .wp-theme-5 .carousel-2 .item { padding: 36px 0 !important; } .wp-theme-5 .carousel-2 .carousel-indicators { bottom: 0; } .wp-theme-5 .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .wp-theme-5 .carousel-2 .carousel-indicators .active { background-color: #f1c40f; } .wp-theme-5 .carousel-2 .img-thumbnail { margin-top: 26px; } .wp-theme-5 .carousel-2 h2 { font-size: 22px; } .wp-theme-5 .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #f1c40f; opacity: 1; } .wp-theme-5 .carousel-2 .carousel-nav a:hover { background: #f1c40f !important; color: #fff; } .wp-theme-5 .carousel-2 .carousel-nav a.left { right: 36px; } .wp-theme-5 .carousel-2 .carousel-nav a.right { right: 0; } .wp-theme-5 .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .wp-theme-5 .carousel-2 .carousel-control.left i { left: 18px; } .wp-theme-5 .carousel-2 .carousel-control.right i { right: 18px; } .wp-theme-5 .carousel-3 { position: relative; } .wp-theme-5 .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #f1c40f; opacity: 1; } .wp-theme-5 .carousel-3 .carousel-nav a:hover { background: #f1c40f !important; color: #fff; } .wp-theme-5 .carousel-3 .carousel-nav a.left { right: 36px; } .wp-theme-5 .carousel-3 .carousel-nav a.right { right: 0; } .wp-theme-5 .carousel-3 .carousel-nav a:hover { background: #FFF; } .wp-theme-5 .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .wp-theme-5 .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .wp-theme-5 .like-button .button i { font-size: 20px; color: #ddd; } .wp-theme-5 .like-button .button.liked i { color: #f1c40f; } .wp-theme-5 .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .wp-theme-5 .like-button.inline .button { display: inline-block; padding: 0; } .wp-theme-5 .like-button.inline .count { display: inline-block; top: -2px; } .wp-theme-5 .like-button.inline .count small { font-size: 13px; } .wp-theme-5 .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .wp-theme-5 .side-like-box .button { text-align: center; padding: 0; } .wp-theme-5 .side-like-box .count { text-align: center; } .wp-theme-5 .side-like-box i { font-size: 24px; } .wp-theme-5 ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .wp-theme-5 ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .wp-theme-5 ul.list-listings li.featured { border-color: #f1c40f; } .wp-theme-5 ul.list-listings li:before, .wp-theme-5 ul.list-listings li:after { content: ""; display: table; } .wp-theme-5 ul.list-listings li:after { clear: both; } .wp-theme-5 ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .wp-theme-5 ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .wp-theme-5 ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .wp-theme-5 ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .wp-theme-5 ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .wp-theme-5 ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .wp-theme-5 ul.list-listings .listing-actions .btn { margin-top: 6px; } .wp-theme-5 ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .wp-theme-5 ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .wp-theme-5 ul.list-check li i { color: #f1c40f; font-style: normal; margin-right: 4px; } .wp-theme-5 ul.list-check li span { font-size: 14px; } .wp-theme-5 ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .wp-theme-5 ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .wp-theme-5 ul.categories li:last-child { border: 0; } .wp-theme-5 ul.categories li a { display: block; padding: 10px 15px; } .wp-theme-5 ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .wp-theme-5 ul.categories li a:hover { background: #f1c40f; color: #FFF; text-decoration: none; } .wp-theme-5 ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .wp-theme-5 ul.categories li a:hover i { color: #FFF; } .wp-theme-5 .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .wp-theme-5 .timeline .year { border-radius: 3px; } .wp-theme-5 .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .wp-theme-5 .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #f1c40f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-5 .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .wp-theme-5 .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #f1c40f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-5 .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .wp-theme-5 .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-5 .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-5 .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-5 .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-5 .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .wp-theme-5 .timeline .event-date i { margin-right: 7px; } .wp-theme-5 .timeline .event-body { background: #f8f8f8; } .wp-theme-5 .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .wp-theme-5 .timeline .event-footer:after, .wp-theme-5 .timeline .event-footer:before { display: table; content: " "; } .wp-theme-5 .timeline .event-footer:after { clear: both; } .wp-theme-5 .timeline .event img { margin: 0; } .wp-theme-5 .timeline p { padding: 20px 10px; text-align: left; } .wp-theme-5 .timeline iframe { margin: 10px 0 0 0; } .wp-theme-5 #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .wp-theme-5 #toTopHover { background: #f1c40f; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .wp-theme-5 #toTop:active, .wp-theme-5 #toTop:focus { outline: none; } .wp-theme-5 #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .wp-theme-5 .widget.tags-wr { padding-bottom: 15px; } .wp-theme-5 .tags-list:before, .wp-theme-5 .tags-list:after { display: table; content: ""; } .wp-theme-5 .tags-list:after { clear: both; } .wp-theme-5 .tags-list { list-style: none; padding-left: 0; margin: 0; } .wp-theme-5 .tags-list li { border: 1px solid #f1c40f; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #f1c40f; font-size: 12px; } .wp-theme-5 .tags-list li a { color: #f1c40f; margin-left: 4px; } .wp-theme-5 .tags-list li:hover { background: #f1c40f; color: #FFF; } .wp-theme-5 .tags-list li:hover a { color: #FFF; text-decoration: none; } .wp-theme-6 .btn { font-weight: normal; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .wp-theme-6 .btn i { margin-right: 4px; } .wp-theme-6 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 3px; } .wp-theme-6 .btn-lg i { font-size: 24px; position: relative; top: 3px; } .wp-theme-6 .btn-xs { padding: 4px 10px; } .wp-theme-6 .btn-one { background-color: none; border: 2px solid #FFF; color: #FFF; } .wp-theme-6 .btn-one:hover, .wp-theme-6 .btn-one:focus, .wp-theme-6 .btn-one:active, .wp-theme-6 .btn-one.active, .wp-theme-6 .open .dropdown-toggle.btn-one { color: #d35400; background-color: #FFF; border-color: #FFF; } .wp-theme-6 .btn-one:active, .wp-theme-6 .btn-one.active, .wp-theme-6 .open .dropdown-toggle.btn-one { background-image: none; } .wp-theme-6 .btn-two { color: #ffffff; background-color: #d35400; border: 1px solid; border-color: #c94a00; } .wp-theme-6 .btn-two:hover, .wp-theme-6 .btn-two:focus, .wp-theme-6 .btn-two:active, .wp-theme-6 .btn-two.active, .wp-theme-6 .open .dropdown-toggle.btn-two { color: #ffffff; background-color: #bf4000; border-color: #bf4000; } .wp-theme-6 .btn-two:active, .wp-theme-6 .btn-two.active, .wp-theme-6 .open .dropdown-toggle.btn-two { background-image: none; } .wp-theme-6 .btn-three { color: #ffffff; background-color: #333; border: 1px solid; border-color: #292929; } .wp-theme-6 .btn-three:hover, .wp-theme-6 .btn-three:focus, .wp-theme-6 .btn-three:active, .wp-theme-6 .btn-three.active, .wp-theme-6 .open .dropdown-toggle.btn-three { color: #ffffff; background-color: #1f1f1f; border-color: #1f1f1f; } .wp-theme-6 .btn-three:active, .wp-theme-6 .btn-three.active, .wp-theme-6 .open .dropdown-toggle.btn-three { background-image: none; } .wp-theme-6 .btn-four { background-color: none; border: 2px solid #d35400; color: #d35400; } .wp-theme-6 .btn-four:hover, .wp-theme-6 .btn-four:focus, .wp-theme-6 .btn-four:active, .wp-theme-6 .btn-four.active, .wp-theme-6 .open .dropdown-toggle.btn-four { color: #FFF; background-color: #d35400; } .wp-theme-6 .btn-four:active, .wp-theme-6 .btn-four.active, .wp-theme-6 .open .dropdown-toggle.btn-four { background-image: none; } .wp-theme-6 h1, .wp-theme-6 h2, .wp-theme-6 h3, .wp-theme-6 h4, .wp-theme-6 h5, .wp-theme-6 h6 { font-family: "Roboto",sans-serif !important; } .wp-theme-6 p { line-height: 22px; } .wp-theme-6 a { color: #616161; cursor: pointer; } .wp-theme-6 a:hover { color: #d35400; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .35s; } .wp-theme-6 .bg-2 { background: #d35400; color: #FFF; } .wp-theme-6 .lw .bg-5 { background: #fcfcfc; border-top: 1px solid #e0eded; border-bottom: 1px solid #e0eded; } .wp-theme-6 .ld .bg-5 { background: #363636; border-top: 1px solid #444; border-bottom: 1px solid #444; } .wp-theme-6 .lw .bg-3 { background: #fff; color: #616161; } .wp-theme-6 .ld .bg-3 { background: #202020; color: #888; } .wp-theme-6 .bg-4 { background: #333; color: #FFF; } .wp-theme-6 .dark { background: #333; color: #FFF; } .wp-theme-6 .red { background: #e91b23; color: #FFF; } .wp-theme-6 .orange { background: #f39c12; color: #FFF; } .wp-theme-6 .green { background: #f39c12; color: #FFF; } .wp-theme-6 .blue { background: #3498db; color: #FFF; } .wp-theme-6 .light { background: #fff; color: #616161 !important; } .wp-theme-6 .blockquote-1:hover { border-color: #d35400; } .wp-theme-6 .blockquote-1 p { font-size: 13px; } .wp-theme-6 .section-title { display: inline-block; border-bottom: 1px solid #333; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: 500; text-transform: capitalize; position: relative; overflow: hidden; } .wp-theme-6 .lw .section-title { color: #333; } .wp-theme-6 .ld .section-title { color: #fff; } .wp-theme-6 .section-title.white { color: #fff; border-bottom: 1px solid #fff; } .wp-theme-6 .navbar-wp { margin: 0; padding: 0; border: 0; border-radius: 0; z-index: 1000; } .wp-theme-6 .lw .navbar-wp { background: #fff; border-bottom: 1px solid #e0eded; } .wp-theme-6 .ld .navbar-wp { background: #181818; border-bottom: 1px solid #444; } .wp-theme-6 .ld .sticky-wrapper .navbar-wp { background: rgba(24,24,24,0.85); border-bottom: 1px solid #444; } .wp-theme-6 .navbar-wp .navbar-nav > li > a { padding: 28px 16px; margin-right: 0; font-size: 15px; font-weight: normal; } .wp-theme-6 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-6 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-6 .lw .navbar-wp .navbar-nav > li > a { color: #333; } .wp-theme-6 .lw .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #333; } .wp-theme-6 .lw .navbar-wp .navbar-nav > li > a:hover, .wp-theme-6 .lw .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #d35400; } .wp-theme-6 .ld .navbar-wp .navbar-nav > li > a { color: #fff; } .wp-theme-6 .ld .navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; } .wp-theme-6 .ld .navbar-wp .navbar-nav > li > a:hover, .wp-theme-6 .ld .navbar-wp .navbar-nav > li > a:focus { color: #fff; background-color: #d35400; } .wp-theme-6 .navbar-wp .navbar-nav > .active > a, .wp-theme-6 .navbar-wp .navbar-nav > .active > a:hover, .wp-theme-6 .navbar-wp .navbar-nav > .active > a:focus { color: #fff !important; background-color: #d35400; border-radius: 0; } .wp-theme-6 .navbar-wp .navbar-nav > .disabled > a, .wp-theme-6 .navbar-wp .navbar-nav > .disabled > a:hover, .wp-theme-6 .navbar-wp .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .wp-theme-6 .navbar-wp .navbar-nav > .open > a, .wp-theme-6 .navbar-wp .navbar-nav > .open > a:hover, .wp-theme-6 .navbar-wp .navbar-nav > .open > a:focus { color: #FFF !important; background-color: #d35400; } .wp-theme-6 .navbar-wp .navbar-nav > .open > a .caret, .wp-theme-6 .navbar-wp .navbar-nav > .open > a:hover .caret, .wp-theme-6 .navbar-wp .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-6 .navbar-wp .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-6 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .wp-theme-6 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-6 .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; color: #d35400; } .wp-theme-6 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .wp-theme-6 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .wp-theme-6 .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: #d35400 !important; background-color: none; } .wp-theme-6 .navbar-wp .navbar-toggle { border-color: #333; margin-top: 20px; } .wp-theme-6 .navbar-wp .navbar-toggle .icon-bar { background-color: #4c4c4c; } .wp-theme-6 .navbar-wp .navbar-toggle .icon-custom { font-size: 18px; } .wp-theme-6 .navbar-wp .navbar-toggle:hover, .wp-theme-6 .navbar-wp .navbar-toggle:focus { background-color: #d35400; border-color: #d35400; } .wp-theme-6 .navbar-wp .navbar-toggle:hover .icon-bar, .wp-theme-6 .navbar-wp .navbar-toggle:focus .icon-bar { background-color: #FFF; } .wp-theme-6 .navbar-wp .navbar-toggle:hover .icon-custom, .wp-theme-6 .navbar-wp .navbar-toggle:focus .icon-custom { color: #FFF; } .wp-theme-6 .navbar-wp .navbar-toggle-aside-menu { padding: 8px 10px 2px 10px; } .wp-theme-6 .navbar-wp .navbar-collapse, .wp-theme-6 .navbar-wp .navbar-form { border-color: #e7e7e7; } .wp-theme-6 .navbar-wp .navbar-nav > .dropdown > a:hover .caret, .wp-theme-6 .navbar-wp .navbar-nav > .dropdown > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-6 .navbar-wp .dropdown-menu { min-width: 220px; background: #FFF; border: 0; border-top: 1px solid #d35400; border-bottom: 3px solid #d35400; border-radius: 0; } .wp-theme-6 .navbar-wp .dropdown-menu > li { border-bottom: 1px solid #e0eded; } .wp-theme-6 .navbar-wp .dropdown-menu > li:last-child { border: 0; } .wp-theme-6 .navbar-wp .dropdown-menu > li > a { color: #333; padding: 8px 15px; } .wp-theme-6 .navbar-wp .dropdown-menu > li > a:hover { background: #d35400; color: #FFF; } .wp-theme-6 .navbar-wp .dropdown-menu label.checkbox { color: #333; } .wp-theme-6 .navbar-wp .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-6 .navbar-wp .dropdown-menu-user { border: 1px solid #e0eded; border-top-color: transparent; } .wp-theme-6 .navbar-wp .dropdown-menu-user { background: #fff; } .wp-theme-6 .navbar-wp .navbar-right .dropdown-menu-user { background: #fff; border-color: transparent; } .wp-theme-6 .navbar-wp .navbar-right .social-link { width: 40px; height: 40px; line-height: 20px; text-align: center; padding: 10px; margin: 18px 0; border-radius: 100%; } .wp-theme-6 .navbar-wp .navbar-right .social-link.facebook:hover { background: #43609c; color: #fff; } .wp-theme-6 .navbar-wp .navbar-right .social-link.pinterest:hover { background: #cb2027; color: #fff; } .wp-theme-6 .navbar-wp .navbar-right .social-link.twitter:hover { background: #62addb; color: #fff; } .wp-theme-6 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-6 .lw .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-6 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:hover, .wp-theme-6 .ld .navbar-wp.navbar-contrasted .navbar-nav > li > a:focus { color: #fff; background-color: #2c2c2c; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a, .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover, .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus { color: #FFF; background-color: #2c2c2c; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a .caret, .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:hover .caret, .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > .dropdown > a .caret { border-top-color: #4c4c4c; border-bottom-color: #4c4c4c; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle { padding: 15px 16px; margin-top: 14px; font-size: 16px; font-weight: normal; background: none; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:hover, .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-nav > li > a.dropdown-form-toggle:focus { background: none; color: #d35400; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { bottom: 100%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-right: -35px; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { bottom: 100%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .wp-theme-6 .navbar-wp.navbar-contrasted .navbar-right .dropdown-menu-user:after { border-color: rgba(136,183,213,0); border-bottom-color: #2c2c2c; border-width: 10px; margin-left: -35px; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu { min-width: 220px; background: #2c2c2c; border: 0; border-top: 0; border-bottom: 0; border-radius: 0; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu > li { border-bottom: 1px solid #262626; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu > li > a { color: #fff; padding: 8px 15px; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: #d35400; color: #FFF; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-menu label.checkbox { color: #fff; } .wp-theme-6 .navbar-wp.navbar-contrasted .dropdown-form h4 { margin: 0; padding: 15px 15px 5px 15px; color: #FFF; } .wp-theme-6 .dropdown-submenu { position: relative; } .wp-theme-6 .dropdown-submenu > .dropdown-menu { top: -5px; left: 100%; margin-top: 0; margin-left: -1px; } .wp-theme-6 .dropdown-submenu:hover > .dropdown-menu { display: block; } .wp-theme-6 .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #ccc; margin-top: 5px; margin-right: -6px; } .wp-theme-6 .dropdown-submenu:hover > a:after { border-left-color: #fff; } .wp-theme-6 .dropdown-submenu.pull-left { float: none; } .wp-theme-6 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .wp-theme-6 .nav > ul { margin: 0; padding: 0; list-style: none; } .wp-theme-6 .nav > ul > li { border-bottom: 1px solid #333; } .wp-theme-6 .nav > ul > li > a { display: block; padding: 10px 15px; font-size: 14px; color: #fff; } .wp-theme-6 .nav > ul > li > a:hover { text-decoration: none; color: #d35400; background: #292929; } .wp-theme-6 .nav > ul > li > a > i { margin-right: 5px; } .wp-theme-6 .lw .pg-opt { border-bottom: 1px solid #e0eded; background: #fcfcfc; } .wp-theme-6 .ld .pg-opt { border-bottom: 1px solid #444; background: #111; } .wp-theme-6 .pg-opt.fixed { width: 100%; position: fixed; top: 0px; background: rgba(250,250,250,0.9); border-bottom: 1px solid #e0eded; z-index: 900; } .wp-theme-6 .pg-opt h2 { margin: 0; padding: 14px 0; font-size: 22px; line-height: 100%; } .wp-theme-6 .pg-opt.fixed h2 { margin-bottom: 15px; } .wp-theme-6 .pg-opt hr { margin: 0; border-top-color: #dde1e6; -webkit-box-shadow: 0 1px 0 #fbfbfc; -moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc; } .wp-theme-6 .pg-opt.fixed hr { display: none; } .wp-theme-6 .pg-opt .breadcrumb { float: right; margin: 0; padding: 16px 0; background: none; border-radius: 0; } .wp-theme-6 .pg-opt .breadcrumb a { color: #d35400; } @media only screen and (max-width:767px) { .wp-theme-6 .pg-opt .pg-nav { float: left; margin-bottom: 10px; } .wp-theme-6 .pg-opt h2 { padding: 20px 0 0 0; } } .wp-theme-6 .page-header { margin: 0; border: 0; } .wp-theme-6 .page-header p { font-size: 16px; } .wp-theme-6 .w-box { margin: 0 0 15px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; overflow: hidden; cursor: default; border: 1px solid #e0eded; } .wp-theme-6 .w-box:before, .wp-theme-6 .w-box:after { display: table; content: ""; } .wp-theme-6 .w-box:after { clear: both; } .wp-theme-6 .w-box h1 { margin: 0; padding: 10px 15px; font-weight: 500; font-size: 20px; } .wp-theme-6 .lw .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #333; } .wp-theme-6 .ld .w-box h2 { margin: 0; padding: 12px 15px 0px 15px; font-weight: 500; font-size: 16px; color: #fff; } .wp-theme-6 .w-box.inner h2 { padding: 10px 0; } .wp-theme-6 .w-box small { display: block; font-size: 12px; margin-top: 3px; } .wp-theme-6 .w-box p { margin: 6px 0; padding: 0 15px; padding-bottom: 8px; } .wp-theme-6 .w-box time { display: block; padding: 8px 15px 0 15px; } .wp-theme-6 .w-box .w-footer { padding: 10px 15px; border-top: 1px solid #f1f1f1; } .wp-theme-6 .w-box .w-footer:before, .wp-theme-6 .w-box .w-footer:after { display: table; content: ""; } .wp-theme-6 .w-box .w-footer:after { clear: both; } .wp-theme-6 .w-box .w-footer small { font-size: 12px; } .wp-theme-6 .w-box .w-box-parent { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .wp-theme-6 .w-box .date-over { padding: 10px; background: #fff; position: absolute; top: 15px; right: 15px; text-align: center; font-weight: normal; } .wp-theme-6 .w-box .date-over.small { padding: 4px 8px; font-size: 12px; } .wp-theme-6 .w-box .date-over strong { font-size: 12px; display: block; font-weight: normal; } .wp-theme-6 .w-box.dark { background: #333; } .wp-theme-6 .w-box.dark h2 { color: #fff; } .wp-theme-6 .w-box.white h2 { border-bottom: 0; text-align: center; } .wp-theme-6 .w-box.white .thmb-img { text-align: center; padding: 15px 0; } .wp-theme-6 .lw .w-box.white { background: #FFF; } .wp-theme-6 .lw .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-6 .ld .w-box.white { background: #202020; border: 1px solid #444; } .wp-theme-6 .ld .w-box.white .thmb-img i { font-size: 64px; color: #616161; } .wp-theme-6 .w-box.w-box-inverse .thmb-img i { width: 100px; height: 100px; border-radius: 100px; font-size: 34px; line-height: 100px; text-align: center; } .wp-theme-6 .lw .w-box.w-box-inverse .thmb-img i { background: #fcfcfc; color: #d35400; } .wp-theme-6 .ld .w-box.w-box-inverse .thmb-img i { background: #363636; color: #fff; } .wp-theme-6 .w-box.w-box-inverse .thmb-img:hover i { background: #d35400; color: #FFF; } .wp-theme-6 .c-box { border: 1px solid #d35400; } .wp-theme-6 .c-box .c-box-header { padding: 10px 15px; background: #d35400; color: #fff; font-size: 16px; text-transform: capitalize; } .wp-theme-6 .c-box .table { margin: 0; } .wp-theme-6 .ld .w-section h4, .wp-theme-6 .ld .w-section h3, .wp-theme-6 .ld .w-section h2 { color: #fff; } .wp-theme-6 .w-section .aside-feature { margin: 10px; cursor: default; } .wp-theme-6 .w-section .aside-feature .icon-feature { font-size: 68px; margin-top: 10px; text-align: center; display: block; } .wp-theme-6 .w-section .aside-feature:hover .icon-feature, .wp-theme-6 .w-section .aside-feature:hover h4 { color: #d35400; } .wp-theme-6 .w-section .aside-feature .img-feature { margin-top: 4px; display: block; } .wp-theme-6 .w-section .aside-feature .img-feature img { width: 78px; } .wp-theme-6 .layer-slider-wrapper { max-height: 500px; overflow: hidden; border-bottom: 1px solid #e0eded; } .wp-theme-6 .layer-slider-wrapper .title { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-6 .layer-slider-wrapper .title.title-base { font-size: 36px; line-height: 46px; font-weight: 500; color: #FFF; background: #e91b23; text-transform: capitalize; } .wp-theme-6 .layer-slider-wrapper .title.title-dark { font-size: 36px; line-height: 46px; font-weight: 500; color: #333; text-transform: capitalize; } .wp-theme-6 .layer-slider-wrapper .subtitle { font-size: 22px; line-height: 30px; color: #d35400; text-transform: capitalize; } .wp-theme-6 .layer-slider-wrapper .list-item { font-size: 18px; line-height: 30px; padding-left: 30px; color: #d35400; text-transform: capitalize; } .wp-theme-6 .layer-slider-wrapper .text-standard { font-size: 16px; line-height: 22px; } .wp-theme-6 .box-element { padding: 20px; } .wp-theme-6 .box-element:nth-child(n+1) { margin-top: 20px; } .wp-theme-6 .box-element h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } .wp-theme-6 .box-element.box-element-bordered { background: transparent !important; border: 1px solid #d35400; } .wp-theme-6 .box-element.box-element-outer { padding-left: 0; padding-right: 0; } .wp-theme-6 .pricing-plans .plan-header .popular-tag { background: #333; border-bottom: 1px solid #FFF; color: #fff; } .wp-theme-6 .carousel-2 { position: relative; } .wp-theme-6 .carousel-2 .item { padding: 36px 0 !important; } .wp-theme-6 .carousel-2 .carousel-indicators { bottom: 0; } .wp-theme-6 .carousel-2 .carousel-indicators li { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; } .wp-theme-6 .carousel-2 .carousel-indicators .active { background-color: #d35400; } .wp-theme-6 .carousel-2 .img-thumbnail { margin-top: 26px; } .wp-theme-6 .carousel-2 h2 { font-size: 22px; } .wp-theme-6 .carousel-2 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 10px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #d35400; opacity: 1; } .wp-theme-6 .carousel-2 .carousel-nav a:hover { background: #d35400 !important; color: #fff; } .wp-theme-6 .carousel-2 .carousel-nav a.left { right: 36px; } .wp-theme-6 .carousel-2 .carousel-nav a.right { right: 0; } .wp-theme-6 .carousel-2 .carousel-control i { position: absolute; top: 50%; font-size: 22px; margin-top: -11px; } .wp-theme-6 .carousel-2 .carousel-control.left i { left: 18px; } .wp-theme-6 .carousel-2 .carousel-control.right i { right: 18px; } .wp-theme-6 .carousel-3 { position: relative; } .wp-theme-6 .carousel-3 .carousel-nav a { width: 30px; height: 30px; line-height: 30px; position: absolute; top: -50px; right: 0; margin-top: 0; font-size: 18px; text-align: center; border: 1px solid transparent; background: #f5f5f5; color: #d35400; opacity: 1; } .wp-theme-6 .carousel-3 .carousel-nav a:hover { background: #d35400 !important; color: #fff; } .wp-theme-6 .carousel-3 .carousel-nav a.left { right: 36px; } .wp-theme-6 .carousel-3 .carousel-nav a.right { right: 0; } .wp-theme-6 .carousel-3 .carousel-nav a:hover { background: #FFF; } .wp-theme-6 .carousel-testimonials { position: relative; border: 1px solid #e0eded; } .wp-theme-6 .like-button .button { display: block; text-align: right; padding-top: 10px; color: #ddd; } .wp-theme-6 .like-button .button i { font-size: 20px; color: #ddd; } .wp-theme-6 .like-button .button.liked i { color: #d35400; } .wp-theme-6 .like-button .count { display: block; text-align: right; position: relative; top: -7px; } .wp-theme-6 .like-button.inline .button { display: inline-block; padding: 0; } .wp-theme-6 .like-button.inline .count { display: inline-block; top: -2px; } .wp-theme-6 .like-button.inline .count small { font-size: 13px; } .wp-theme-6 .side-like-box { text-align: center; padding: 5px 5px 0 5px; margin-top: 10px; } .wp-theme-6 .side-like-box .button { text-align: center; padding: 0; } .wp-theme-6 .side-like-box .count { text-align: center; } .wp-theme-6 .side-like-box i { font-size: 24px; } .wp-theme-6 ul.list-listings { margin: 0 0 20px 0; padding: 0; list-style: none; } .wp-theme-6 ul.list-listings li { margin-bottom: 30px; border: 1px solid #f3f3f3; overflow: hidden; } .wp-theme-6 ul.list-listings li.featured { border-color: #d35400; } .wp-theme-6 ul.list-listings li:before, .wp-theme-6 ul.list-listings li:after { content: ""; display: table; } .wp-theme-6 ul.list-listings li:after { clear: both; } .wp-theme-6 ul.list-listings .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } .wp-theme-6 ul.list-listings .listing-image { width: 25%; height: 150px; float: left; overflow: hidden; } .wp-theme-6 ul.list-listings .listing-body { width: 50%; height: 150px; padding: 15px; float: left; background: #fcfcfc; border-right: 1px solid #fcfcfc; } .wp-theme-6 ul.list-listings .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; line-height: 25px; } .wp-theme-6 ul.list-listings .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .wp-theme-6 ul.list-listings .listing-actions { width: 25%; height: 110px; padding-top: 40px; float: left; text-align: center; } .wp-theme-6 ul.list-listings .listing-actions .btn { margin-top: 6px; } .wp-theme-6 ul.list-check { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } .wp-theme-6 ul.list-check li { padding: 4px 0; margin: 0; display: block; width: 100%; } .wp-theme-6 ul.list-check li i { color: #d35400; font-style: normal; margin-right: 4px; } .wp-theme-6 ul.list-check li span { font-size: 14px; } .wp-theme-6 ul.categories { list-style: none; margin: 0; padding: 0 !important; border: 1px solid #e0eded; overflow: hidden; } .wp-theme-6 ul.categories li { border-bottom: 1px solid #e0eded; position: reltive; } .wp-theme-6 ul.categories li:last-child { border: 0; } .wp-theme-6 ul.categories li a { display: block; padding: 10px 15px; } .wp-theme-6 ul.categories li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } .wp-theme-6 ul.categories li a:hover { background: #d35400; color: #FFF; text-decoration: none; } .wp-theme-6 ul.categories li a i { display: inline-block; vertical-align: middle; padding-right: 5px; font-style: normal; color: #999; font-size: 11px; } .wp-theme-6 ul.categories li a:hover i { color: #FFF; } .wp-theme-6 .timeline .year { width: 100%; background: #333; padding: 8px 10px; margin: 20px auto 40px !important; font-size: 20px; } .wp-theme-6 .timeline .year { border-radius: 3px; } .wp-theme-6 .timeline .event { padding: 0; border: 1px solid #e0eded; border-radius: 0; } .wp-theme-6 .timeline .event:nth-child(2n):before { content: ""; display: inline-block; position: absolute; right: -6.8% !important; top: 20px; width: 10px; height: 10px; background: #d35400; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-6 .timeline .event:nth-child(2n-1):after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .wp-theme-6 .timeline .event:nth-child(2n-1):before { content: ""; display: inline-block; position: absolute; left: -6.5% !important; top: 20px; width: 10px; height: 10px; background: #d35400; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wp-theme-6 .timeline .event-date { margin: 0; background: #FFF; border-bottom: 1px solid #e0eded; text-align: left; padding: 10px 10px; font-weight: 500; font-size: 14px; } .wp-theme-6 .timeline .event:nth-child(2n) .event-date:after { content: ""; display: inline-block; position: absolute; right: -12px !important; top: 12px; width: 0; height: 0; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-6 .timeline .event:nth-child(2n) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; right: -13px; width: 0; height: 0; border-left: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-6 .timeline .event:nth-child(2n-1) .event-date:after { content: ""; display: inline-block; position: absolute; left: -12px !important; top: 12px; width: 0; height: 0; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 20; } .wp-theme-6 .timeline .event:nth-child(2n-1) .event-date:before { content: ""; display: inline-block; position: absolute; top: 11px; left: -13px; width: 0; height: 0; border-right: 13px solid #ddd; border-top: 13px solid transparent; border-bottom: 13px solid transparent; z-index: 0; } .wp-theme-6 .timeline .event-date small { display: block; font-size: 12px; color: #a1a1a1; font-weight: normal; } .wp-theme-6 .timeline .event-date i { margin-right: 7px; } .wp-theme-6 .timeline .event-body { background: #f8f8f8; } .wp-theme-6 .timeline .event-footer { margin: 0; text-align: left; padding: 8px 10px; background: none; border-top: 1px solid #e0eded; } .wp-theme-6 .timeline .event-footer:after, .wp-theme-6 .timeline .event-footer:before { display: table; content: " "; } .wp-theme-6 .timeline .event-footer:after { clear: both; } .wp-theme-6 .timeline .event img { margin: 0; } .wp-theme-6 .timeline p { padding: 20px 10px; text-align: left; } .wp-theme-6 .timeline iframe { margin: 10px 0 0 0; } .wp-theme-6 #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: #555; border-radius: 3px; } .wp-theme-6 #toTopHover { background: #d35400; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .wp-theme-6 #toTop:active, .wp-theme-6 #toTop:focus { outline: none; } .wp-theme-6 #toTop:before { font-family: 'FontAwesome'; content: "\f106"; color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-top: -10px; margin-left: -10px; text-indent: 0; } .wp-theme-6 .widget.tags-wr { padding-bottom: 15px; } .wp-theme-6 .tags-list:before, .wp-theme-6 .tags-list:after { display: table; content: ""; } .wp-theme-6 .tags-list:after { clear: both; } .wp-theme-6 .tags-list { list-style: none; padding-left: 0; margin: 0; } .wp-theme-6 .tags-list li { border: 1px solid #d35400; background: #FFF; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; color: #d35400; font-size: 12px; } .wp-theme-6 .tags-list li a { color: #d35400; margin-left: 4px; } .wp-theme-6 .tags-list li:hover { background: #d35400; color: #FFF; } .wp-theme-6 .tags-list li:hover a { color: #FFF; text-decoration: none; } .progress { height: 28px; margin-bottom: 15px; overflow: hidden; background-color: #f5f5f5; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .progress .sr-only { width: auto; height: 28px; margin: 0; margin-left: 30px; left: 0; clip: auto; line-height: 28px; font-size: 14px; } .progress-bar-one { background-color: #e06d58; } .progress-bar-two { background-color: #697e93; } .progress-bar-three { background-color: #3b3e43; } .progress-bar-four { background-color: #FFF; } /* div.tabs { margin-bottom: 0; } div.tabs:before, div.tabs:after { display: table; content: " "; } div.tabs:after { clear: both; } div.tabs div.tab-content { -moz-border-radius: none; -moz-box-shadow: none; -webkit-border-radius: 0; -webkit-box-shadow: 0; background-color: #FFF; border: 1px solid #EEE; border-radius: 0; border-top: 0; box-shadow: none; padding: 15px; } div.tabs div.tab-content.tab-content-inverse { border: 1px solid #EEE; background: transparent; } div.tabs ul.nav-tabs { margin: 0; } div.tabs ul.nav-tabs li.active a { background: #fff; border-top: 1px solid #ddd; color: #CCC; } div.tabs ul.nav-tabs a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #f7f7f7; border: 0; border-bottom: 0; margin-right: 0; color: #333; } div.tabs ul.nav-tabs a:hover { border-top: 1px solid #ddd; color: #7a92ac; } div.tabs ul.nav-tabs a:active, div.tabs ul.nav-tabs a:focus { border-bottom: 0; } div.tabs-left ul.nav-tabs a:active, div.tabs-left ul.nav-tabs a:focus { border-right: 0; } div.tabs ul.nav-tabs a, div.tabs ul.nav-tabs a:hover { border: 1px solid #EEE; border-right: 0; border-top: 1px solid #ddd; font-size: 0.9em; } div.tabs ul.nav-tabs a:last-child, div.tabs ul.nav-tabs a:last-child:hover { border-right: 1px solid #ddd; } div.tabs-left ul.nav-tabs a, div.tabs-left ul.nav-tabs a:hover { border: 1px solid #EEE; border-right: 0; border-left: 2px solid #DDD; color: #CCC; font-size: 0.9em; } div.tabs-right ul.nav-tabs a, div.tabs-right ul.nav-tabs a:hover { border: 1px solid #EEE; border-left: 0; border-right: 2px solid #DDD; color: #CCC; font-size: 0.9em; } */ .tabbable.tabs-left { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 30px; } div.tabbable.tabs-left div.tab-content { -moz-border-radius: 0 0 2px 2px; -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); -webkit-border-radius: 0 0 2px 2px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); background-color: #FFF; border: 1px solid #EEE; border-radius: 0 0 2px 2px; border-left: 0; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); padding: 15px; } div.tabbable.tabs-left ul.nav-tabs a { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #f7f7f7; border: 1px solid #EEE; border-right: 0; border-radius: 2px 2px 0 0; color: #666; margin-bottom: 3px; } div.tabbable.tabs-left ul.nav-tabs li.active a { background: #fff; color: #CCC; } .tabbable.tabs-right { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 30px; } div.tabbable.tabs-right div.tab-content { -moz-border-radius: 0 0 2px 2px; -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); -webkit-border-radius: 0 0 2px 2px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); background-color: #FFF; border: 1px solid #EEE; border-radius: 0 0 2px 2px; border-left: 0; margin: 0; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.04); padding: 15px; } div.tabbable.tabs-right ul.nav-tabs a { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #f7f7f7; border: 1px solid #EEE; border-left: 0; border-radius: 2px 2px 0 0; color: #666; margin-bottom: 3px; } div.tabbable.tabs-right ul.nav-tabs li.active a { background: #fff; color: #CCC; } .tabs-centered { width: 100%; display: table; margin: 0 auto; } .tabs-centered ul li { width: 100px; display: inline-block; float: none; } .nav-pills { margin-bottom: 15px; border: 1px solid #EEE; } .nav-pills > li > a { border-radius: 0; border-right: 1px solid #e0eded; } .nav-pills > li:last-child > a { border-radius: 0; border-right: 0; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { background: #f5f5f5; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #e91b23; background: none; } .panel { -webkit-box-shadow: none; box-shadow: none; } .panel-group { margin-bottom: 30px; } .panel-group .panel { border-radius: 0; } .panel-group .panel + .panel { margin-top: 0; border-top: 0; } .panel-group .panel-heading { padding: 14px 15px; position: relative; } .panel-group .panel-heading:after { /*content: "+";*/ font-size: 12px; position: absolute; right: 15px; top: 50%; margin-top: -8px; } .panel-group .panel-heading:after { /*content: "+";*/ font-size: 12px; position: absolute; right: 15px; top: 50%; margin-top: -8px; } .panel-group .panel-heading a { font-weight: normal; font-family: "Suisse Int'l"; } .panel-group .panel-heading a i { margin-right: 5px; color: #e91b23; } .panel { border-radius: 0; } .panel .panel-heading { border-radius: 0; } .alert { border-radius: 0; } .table > thead > tr > th { border-bottom: 1px solid #ddd; } .table > thead > tr { background: #f3f3f3; } iframe { border: 0; margin-top: 0 !important; } h1.font-lg { font-size: 100px; font-weight: 600; } .no-padding { padding: 0 !important; } /*.no-margin { margin: 0 !important; }*/ /*.p-15 { padding: 15px !important; }*/ /*.p-50 { padding: 50px 0 !important; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .pl-20 { padding-left: 20px; }*/ /*.mt-20 { margin-top: 20px!important; } .mt-30 { margin-top: 30px!important; } .mt-40 { margin-top: 40px!important; } .mt-50 { margin-top: 50px!important; }*/ /*.mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; }*/ .padding-y-10 { padding: 10px 0; } .padding-x-4 { padding: 0 4px; } .padding-x-8 { padding: 0 8px; } .padding-x-16 { padding: 0 16px; } .padding-x-20 { padding: 0 20px; } .padding-x-32 { padding: 0 32x; } .padding-y-20 { padding: 20px 0 !important; } .margin-b-10 { margin-bottom: 10px; } .margin-b-20 { margin-bottom: 20px; } .margin-t-15 { margin-top: 15px; } .margin-t-20 { margin-top: 20px; } .margin-y-10 { margin: 10px 0; } .margin-y-20 { margin: 20px 0; } .margin-x-20 { margin: 0 20px; } .strong { font-weight: bold !important; } .img-center { display: block; margin-left: auto; margin-right: auto; } .bg-banner-1 { padding: 54px 0 !important; background: url(../images/prv/banner-img-4.jpg) fixed no-repeat !important; color: #fff; } .bg-banner-2 { padding: 54px 0 !important; background: url(../images/prv/banner-img-1.jpg) no-repeat fixed !important; color: #fff; } .mask-dark { display: none; position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/background/slash_it.png); opacity: 0.4; } .img-thumbnail { border-radius: 0; } .blockquote-1 { margin-top: 20px; } header { padding: 0; } header .navbar-brand img { } header .navbar-fixed { width: 100%; left: 0; } header .navbar-fixed .navbar { width: 100%; } .top-header { border-bottom: 1px solid #eee; background: #fff; } .top-header .aux-text { padding: 10px 0; color: #999; font-size: 11px; } .top-header .top-header-menu { float: right; } .top-header .top-header-menu > ul.menu { list-style: none; margin: 0; padding: 0; } .top-header .top-header-menu > ul.menu > li { position: relative; float: left; display: inline-block; border-right: 1px solid #eee; } .top-header .top-header-menu > ul.menu > li:last-child { border: 0; } .top-header .top-header-menu > ul.menu > li > a { display: block; padding: 10px 15px; color: #333; } .top-header .top-header-menu > ul.menu > li.dropdown > a:after { content: "\f107"; margin-left: 6px; font-family: "FontAwesome"; position: relative; float: right; } .top-header .top-header-menu ul.menu > li > a > i { margin-right: 6px; } .top-header .top-header-menu ul.menu > li ul.sub-menu { display: none; min-width: 160px; position: absolute; right: -1px; z-index: 1500; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #eee; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .top-header .top-header-menu ul.menu > li:hover ul.sub-menu { opacity: 1; display: block; } .top-header .top-header-menu ul.menu > li ul.sub-menu > li { border-bottom: 1px solid #eee; } .top-header .top-header-menu ul.menu > li ul.sub-menu > li:last-child { border: 0; } .top-header .top-header-menu ul.menu > li ul.sub-menu > li > a { display: block; padding: 6px 15px; color: #333; } .top-header .top-header-menu ul.menu > li ul.sub-menu > li > .language-active { display: block; padding: 6px 15px; background: #f8f8f8; cursor: default; } .top-header .top-header-menu ul.menu > li.dropdown:hover .sub-menu { display: block; } .top-header.top-header-dark { border-bottom: 1px solid #222; background: #020202; } .top-header.top-header-dark .aux-text { color: #fff; } .top-header.top-header-dark .top-header-menu > ul.menu > li { border-color: #222; } .top-header.top-header-dark .top-header-menu > ul.menu > li > a { color: #fff; } .dropdown-form { min-width: 300px; z-index: 500; } .dropdown-cart { min-width: 400px; padding: 15px; } .dropdown-cart .cart-items { display: block; margin-bottom: 15px; font-size: 14px; font-wight: 500; } .dropdown-menu h4 { font-size: 14px; color: #4c4c4c; } .dropdown-profile { padding: 15px; } .dropdown-profile img { width: 60px; } .aside-menu-in .wrapper { left: -280px; } .wrapper { position: relative; left: 0; -webkit-transition: all 300ms cubic-bezier(.25, .46, .45, .94); -moz-transition: all 300ms cubic-bezier(.25, .46, .45, .94); -o-transition: all 300ms cubic-bezier(.25, .46, .45, .94); transition: all 300ms cubic-bezier(.25, .46, .45, .94); -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); } .aside-menu { width: 280px; height: 100%; overflow-y: scroll; position: fixed; right: 0; top: 0; background: #222222; border-left: 1px solid #333; display: none; } .aside-menu::-webkit-scrollbar { display: none !importat; width: 0 !important; } .aside-menu .form-search { margin: 0; padding: 0; border-bottom: 1px solid #333; } .aside-menu .form-search .form-input { padding: 0; } .aside-menu .form-search .form-control { display: block; height: 34px; padding: 21px 15px; color: #fff; background-color: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; } .aside-menu .form-search .btn-close { background: transparent; color: #fff; } .aside-menu .form-search .btn-close i { font-weight: 300 !important; font-size: 16px; } .aside-menu .social-media { padding: 15px; padding-bottom: 0; } .aside-menu .contact-info { padding: 15px; color: #fff; } .aside-menu .contact-info h5 { font-size: 12px; } .side-section-title { position: relative; overflow: hidden; margin: 0; margin-top: 15px; padding: 8px 15px; font-size: 11px; text-transform: uppercase; color: #616161; } .side-section-title:after { content: ""; height: 1px; background: #333; width: 80px; position: absolute; top: 26px; left: 15px; } .style-switcher-slidebar { width: 310px; height: 420px; position: fixed; left: -260px; top: 130px; z-index: 10999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; } .style-switcher-slidebar.opened { left: 0; } .style-switcher-slidebar .switch-panel { float: left; width: 255px; height: 370px; background: #fff; color: #333333; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } a.open-panel { text-align: center; line-height: 50px; font-size: 30px; color: #fff !important; background-color: #e91b23; display: block; height: 50px; width: 50px; float: right; margin: 0; z-index: 1000; position: relative; -webkit-transition: none; -moz-transition: none; -o-transition: none; } a.open-panel:hover { color: #fff; } .style-switcher-slidebar label { margin-bottom: 0; } .style-switcher-slidebar h3 { height: 50px; line-height: 50px; margin: 0 0 10px 0; padding: 0 10px; background: #e91b23; font-size: 16px; color: #fff; } .style-switcher-slidebar .panel-section { padding: 0 15px; } .color-picker { display: block; } .color-picker a { width: 30px; height: 30px; display: inline-block; margin-right: 5px; margin-bottom: 8px; text-indent: -9999px; } .color-picker a:last-child { margin-right: 0; } .color-picker a.color-red { background: #e91b23; } .color-picker a.color-violet { background: #563d7c; } .color-picker a.color-blue { background: #59b2e5; } .color-picker a.color-green { background: #8ec449; } .color-picker a.color-yellow { background: #f1c40f; } .color-picker a.color-orange { background: #d35400; } .search-wr { width: 100%; height: 110px; background: #FFF; position: fixed; top: 0; z-index: 2200; display: none; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1); box-shadow: 0 1px 10px rgba(0,0,0,0.1); } .search-wr .close { display: block; width: 22px; height: 22px; position: relative; float: right; top: 10px; right: 10px; } .search-wr .close i { font-size: 20px; color: #555; } .search-wr .search-sign i { font-size: 60px; line-height: 110px; color: #DDD; } .global-search-input { padding: 40px 0 0 0; font-size: 20px; position: relative; width: 740px; background: #fff; z-index: 10; border: none; outline: none; color: #DDD; } .global-search-input:focus { color: #333; } .carousel-1 { overflow: hidden; } .carousel-1 .carousel-inner { height: 440px; } .carousel-1 .carousel-control { color: #f8f8f8; } .carousel-1 .carousel-control.left { left: -40px; } .carousel-1 .carousel-control.right { right: -40px; } .carousel-1 .carousel-control:hover { color: #fff; } .carousel-1 .carousel-control i { position: absolute; top: 50%; margin-top: -18px; font-size: 36px; font-weight: 600; } .carousel-1 .item { height: 440px; } .carousel-1 .item { background-repeat: no-repeat; background-size: cover; background-position: 0% 0%; } .carousel-1 .item-dark { color: #FFF; } .carousel-1 .item-light { color: #fff; } .carousel-1 p { font-size: 16px; } .carousel-1 .object { position: absolute; top: 38px; right: 50%; margin-left: 15px; width: 568px; height: 320px; overflow: hidden; } .carousel-1 .object.fluid { width: 100%; left: 0; margin: 0; } .carousel-1 .object iframe { width: 100% !important; } .carousel-1 .description { position: absolute; top: 55px; left: 50%; margin-left: 50px; width: 514px; height: 290px; } .carousel-1 .description .title { font-size: 32px; margin: 0 0 15px 0; padding: 8px 20px; line-height: 38px; background: #FFF; color: #616161; } .carousel-1 .description .subtitle { font-size: 24px; margin: 20px 0; padding: 0; display: block; } .carousel-1 .description p { font-size: 16px; color: #FFF; margin: 0; } .carousel-1 .description.fluid-center { width: 100%; top: 50px; left: 0; margin: 0; } .carousel-1 .description.fluid-center .title { margin-bottom: 5px; display: block; text-align: center; background: none; color: #FFF; font-weight: 500; text-shadow: 1px 1px 3px rgba(150,150,150,0.5); } .carousel-1 .description.fluid-center .subtitle { font-size: 20px; margin: 0; display: block; text-align: center; } .carousel-1 .description.fluid-center .features { display: block; margin-top: 40px; text-align: center; } .carousel-1 .description.fluid-center .features i { width: 110px; height: 110px; background: #FFF; text-align: center; line-height: 110px; font-size: 54px; color: #697e93; font-weight: 700; border-radius: 96px; margin-right: 20px; display: inline-block; } .carousel-4 .carousel-inner { overflow: hidden; } .carousel-4 .carousel-control i { position: absolute; top: 50%; margin-top: -18px; font-size: 36px; font-weight: 600; } .slider-wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: "Roboto",sans-serif; } .slider-wrapper { position: relative; overflow: hidden; width: 100%; max-height: 440px; margin: 0 auto; background: #f2f2f2; z-index: 800; } .slider { position: relative; width: 100%; margin: 0 auto; background: #f2f2f2; } .slider-wrapper p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .slider-wrapper p { position: absolute; top: -200px; z-index: 8000; padding: 1% 2%; font-size: 24px; line-height: 100%; white-space: nowrap; text-transform: uppercase; } .slider-wrapper .white { color: #FFF; } .slider-wrapper .claim { line-height: 100%; } .slider-wrapper .teaser { font-size: 14px; line-height: 100%; } .slider-wrapper .small { width: 250px; text-align: center; } .slider-wrapper .video { width: 540px; height: 360px; font-size: 13px; line-height: 18px; white-space: normal; text-align: left; text-transform: none; } .slider-wrapper .video iframe { width: 100%; } .slider-wrapper .text { width: 460px; font-size: 13px; padding: 0 2%; line-height: 18px; white-space: normal; text-align: left; text-transform: none; } .slider-wrapper .text a { margin-top: 20px; } .slider-wrapper .slide-light p { color: #FFF; } .slider-wrapper .slide-light p.claim { width: 50%; white-space: normal; maring-bottom: 20px; } .slider-wrapper .slide-light p.teaser { font-weight: 300; } .simple-slider { height: 500px; background: #f3f3f3; } .cta-wr { padding: 16px 0; } .cta-wr h1 { margin: 10px 0 !important; font-size: 20px; line-height: 26px; font-weight: 400; } section.slice { padding: 30px 0; background: #fff; } section.slice.relative { position: relative; } .subsection { margin-top: 30px; } .container.bordered { border: 1px solid #ddd; padding-top: 15px; } .w-box:hover .w-box-parent { -webkit-transform: translateY(-40px); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; transition: transform 0.4s; } .w-box .w-box-parent .w-box-button.animated { position: absolute; bottom: 10px; margin-bottom: -40px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .w-box.w-box-inverse { background: none !important; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .w-box.w-box-inverse p { padding: 0; } .w-box.w-box-inverse h1 { margin: 10px 0 0 0; padding: 10px 0; font-weight: 500; font-size: 20px; } .w-box.w-box-inverse h2 { margin: 15px 0 0 0; padding: 0; font-weight: 500; font-size: 16px; text-transform: none; border: 0; text-align: center; } .w-box.w-box-inverse h2 i { font-style: normal; } .w-box.w-box-inverse ul.meta-list { maring: 0; padding: 0; } .w-box.w-box-inverse .w-footer { padding: 10px 0; } .w-box.w-box-inverse .thmb-img { text-align: center; } .w-box.dark p { color: #f1f1f1; } .w-box.dark h2 { color: #FFF; text-align: center; margin-bottom: 7px; } .w-box.dark .thmb-img { text-align: center; padding: 15px 0; } .w-box.dark .thmb-img i { font-size: 64px; color: #FFF; } .w-box.product { background: #FFF; padding-top: 15px; margin-bottom: 20px; } .w-box.product .figure { padding: 20px; } .w-box.product p { text-align: center; } .w-box.product h2 { border-bottom: 0; text-align: center; } .w-box.product .thmb-img { text-align: center; padding: 15px 0; } .w-box.product .thmb-img i { font-size: 64px; color: #616161; } .w-box.product .price { padding: 4px 0; } .w-box.inverse { background: none; border: 0; } .w-box.inverse p { padding: 4px 0; } .w-box.inverse h2 { padding: 10px 0 0 0 !important; border-bottom: 0; } .w-box.inverse .thmb-img { padding: 15px 0; } .w-box.inverse .thmb-img i { font-size: 64px; color: #616161; } .w-box.inverse .social-icons { border: 0; } .w-section { background: #FFF; } .w-section:before, .w-section:after { display: table; content: " "; } .w-section:after { clear: both; } .w-section.inverse { background: none !important; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 0; } .w-section.inner { margin: 15px 0; } .w-section iframe { width: 100%; } .w-section .feature { margin: 15px 0 30px 0; text-align: center; cursor: default; } .w-section .feature i { font-size: 64px; color: #555; display: block; } .w-section .feature h4 { margin: 10px 0; } .w-section .aside-feature h4 { margin: 10px 0; } .w-section .txt-feature { margin: 15px 0 30px 0; cursor: default; } .w-section .txt-feature h4 { margin: 0; padding: 0; margin-bottom: 10px; font-weight: 500; } .w-section .txt-fly-over { height: 350px; overflow: hidden; position: absolute; top: -90px; z-index: 1000; padding: 20px; } .w-section .txt-fly-over h1 { padding: 0; margin: 0; margin-bottom: 10px; font-size: 54px; font-weight: 600; color: #FFF; } .w-section .txt-fly-over h2 { padding: 0; margin: 0 0 20px 0; font-size: 24px; font-weight: 500; } .w-section .inline-features i { display: block; margin-bottom: 15px; height: 64px; line-height: 64px; text-align: center; font-size: 40px; background: #555; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .w-section .inline-features i:hover { background: #75b918; } .w-section .contrast-box { padding: 15px; margin-bottom: 20px; border-radius: 3px; border: 1px solid #f3f3f3; } .w-section .contrast-box i { font-size: 24px; margin-right: 8px; } .w-section .contrast-box small { display: block; margin-top: 12px; font-style: italic; text-align: right; } .wp-example { margin-bottom: 45px; } .wp-example pre { border-radius: 0; margin-top: 20px; } .nav-sidebar-fixed { position: fixed; width: 260px; } .shop .pagination { margin: 0; } .shop .product-short-info p { padding: 6px 0; margin: 0; } .shop .primary-image { border: 1px solid #f3f3f3; padding: 10px; } .shop .thumbnail-images { margin: 10px 0 25px 0; } .shop .thumbnail-images a { display: inline-block; width: 100px; height: 100px; padding: 10px; overflow: hidden; margin-right: 5px; border: 1px solid #f3f3f3; } .shop .thumbnail-images a:last-child { margin: 0; } .shop .thumbnail-images a img { width: 100%; } .table-cart { border: 1px solid #ddd; } .table-cart td { vertical-align: middle; } .table-cart td:first-child { border-right: 1px solid #ddd; } .table-cart img { width: 80px; } .dropdown-cart .table-cart img { width: 50px; } .table-cart .cart-remove { display: block; text-align: center; color: #e80e1d; } .table-totals td:nth-child(even) { padding: 5px 15px; } .animate-wr { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 1s; -o-animation-duration: 1s; } .animate-hover-slide .figure { position: relative; overflow: hidden; } .animate-hover-slide .figure img { -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide .figure .figcaption { height: 100%; padding: 0; width: 100%; position: absolute; left: 0; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide .figure:hover .figcaption { opacity: 0.8; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: -webkit-transform .4s,opacity .1s; -moz-transition: -moz-transform .4s,opacity .1s; -o-transition: -o-transform .4s,opacity .1s; transition: transform 0.4s, opacity 0.1s; } .animate-hover-slide .figure .figcaption { text-align: center; } .animate-hover-slide .figure .figcaption-btn { width: 100%; height: 50%; position: absolute; top: 0px; opacity: 0; padding-left: 20px; text-align: center; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide .figure:hover .figcaption-btn { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: -webkit-transform .4s,opacity .1s; -moz-transition: -moz-transform .4s,opacity .1s; -o-transition: -o-transform .4s,opacity .1s; transition: transform 0.4s, opacity 0.1s; } .animate-hover-slide .figure .figcaption-txt { width: 100%; height: 50%; position: absolute; bottom: 0px; opacity: 0; padding-left: 20px; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide .figure:hover .figcaption-txt { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: -webkit-transform .4s,opacity .1s; -moz-transition: -moz-transform .4s,opacity .1s; -o-transition: -o-transform .4s,opacity .1s; transition: transform 0.4s, opacity 0.1s; } .animate-hover-slide .figure .figcaption-txt .title { padding: 0; margin: 30px 0 0 0; color: #fff; font-size: 18px; text-transform: capitalize; } .animate-hover-slide .figure .figcaption-txt .subtitle { padding: 0; margin: 0; color: #fff; font-size: 12px; } .animate-hover-slide .figure a { position: relative; top: 94%; margin-top: -11px; } .animate-hover-slide .figure .figcaption h3 { padding-bottom: 5px; margin-bottom: 10px; font-size: 14px; font-weight: 600; border-bottom: 1px solid #f2f2f2; } .animate-hover-slide-2 .figure { position: relative; overflow: hidden; } .animate-hover-slide-2 .figure img { position: relative; z-index: 2; -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide-2 .figure:hover img { -webkit-transform: scale(.4); -moz-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); } .animate-hover-slide-2 .figure .figcaption { height: 100%; z-index: 1; position: absolute; top: 0; bottom: auto; background: #f8f8f8; padding: 0 15px; width: 100%; opacity: 1; -webkit-transform: scale(.4); -moz-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide-2 .figure:hover .figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .animate-hover-slide-2 .figure .figcaption h2 { text-align: center; margin-top: 15px; } .animate-hover-slide-2 .figure .figcaption .social-icons { width: 100%; position: absolute; bottom: 15px; text-align: center; } .animate-hover-slide-3 .figure { position: relative; overflow: hidden; } .animate-hover-slide-3 .figure img { -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide-3 .figure .figcaption { height: 32px; background: #f8f8f8; padding: 0 15px; width: 100%; position: absolute; left: 0; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transition: -webkit-transform .4s,opacity .1s .3s; -moz-transition: -moz-transform .4s,opacity .1s .3s; -o-transition: -o-transform .4s,opacity .1s .3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .animate-hover-slide-3 .figure:hover .figcaption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: -webkit-transform .4s,opacity .1s; -moz-transition: -moz-transform .4s,opacity .1s; -o-transition: -o-transform .4s,opacity .1s; transition: transform 0.4s, opacity 0.1s; } .pricing-plans { margin-bottom: 15px; } .pricing-plans:before, .pricing-plans:after, .pricing-table:before, .pricing-table:after { display: table; content: " "; } .pricing-plans:before, .pricing-table:before { clear: both; } .pricing-plans .plan-header { padding-bottom: 15px; } .pricing-plans .plan-header .popular-tag { padding: 5px 0; text-align: center; text-transform: uppercase; } .pricing-plans .plan-header small { display: block; text-align: center; font-style: italic; } .pricing-plans .plan-title { text-align: center; margin: 0; font-size: 28px; font-weight: 500; color: #fff; } .pricing-plans .price-tag { margin: 0; height: 70px; line-height: 70px; font-size: 58px; font-weight: 500; text-align: center; } .pricing-plans .price-tag span { font-size: 28px; font-weight: 500; } .pricing-plans .price-tag span.price-type { font-size: 20px; font-weight: 500; } .pricing-plans ul { margin: 0; padding: 0; list-style: none; } .pricing-plans ul li { padding: 10px 20px; border-bottom: 1px solid #f1f1f1; font-size: 13px; } .pricing-plans ul li:last-child { border-bottom: 0; } .pricing-plans ul li i { margin-right: 8px; } .pricing-plans .plan-info { margin: 0; padding: 15px; font-size: 13px; text-align: center; font-style: italic; } .pricing-plans .plan-select { padding: 15px 0; border-top: 1px solid #f1f1f1; } .pricing-plans .plan-circle { height: 263px; padding: 0 25px; display: table-cell; vertical-align: middle; border-radius: 200%; } .pricing-plans .plan-circle .btn { margin-top: 10px; } .pricing-plans .w-box { margin-top: 20px; } .pricing-plans .w-box:hover, .pricing-table .w-box:hover { -webkit-box-shadow: 0 -4px 14px rgba(0,0,0,0.2); -moz-box-shadow: 0 -4px 14px rgba(0,0,0,0.2); box-shadow: 0 -4px 14px rgba(0,0,0,0.2); } .pricing-plans .w-box-inverse:hover, .pricing-table .w-box-inverse:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pricing-table .w-box { z-index: 1; margin-top: 20px; margin-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: 0; box-shadow: none; } .pricing-table .w-box.popular, .pricing-plans .w-box.popular { margin-top: 0; -webkit-box-shadow: 0 -4px 14px rgba(0,0,0,0.2); -moz-box-shadow: 0 -4px 14px rgba(0,0,0,0.2); box-shadow: 0 -4px 14px rgba(0,0,0,0.2); } .pricing-table .w-box.popular:hover, .pricing-plans .w-box.popular:hover { -webkit-box-shadow: 0 -4px 14px rgba(0,0,0,0.3); -moz-box-shadow: 0 -4px 14px rgba(0,0,0,0.3); box-shadow: 0 -4px 14px rgba(0,0,0,0.3); } .pricing-table .plan-select { margin-top: 0; border: 0; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1; } .pricing-table .plan-info { text-align: center; margin-bottom: 15px; } .pricing-table .table-comparision { background: #FFF; position: relative; top: -2px; z-index: 1000; border-color: #f1f1f1; color: #777; } .pricing-table .table-comparision th { border-color: #f1f1f1; } .pricing-table .table-comparision td { text-align: center; border-color: #f1f1f1; } .pricing-table .table-comparision tr td:first-child { text-align: left; } .vertical-info h4 { margin: 0; padding: 0; font-size: 16px; } .vertical-info p.delimiter { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #e0dede; } #ulSorList { margin-top: 20px; } #ulSorList:after { content: ''; display: inline-block; width: 100%; } #ulSorList .mix { display: none; opacity: 0; } #ulSorList .mix .item { background: #f2f2f2; } #ulSorList .gap { display: inline-block; width: 200px; } .work { width: 100%; overflow: hidden; } .work .btn-group { margin-bottom: 10px; } .work .btn { margin-right: 6px; } .work .btn-group .btn { margin-right: 0; } .work .mix { margin-top: 20px; } .work.work-no-space.g2 .mix { width: 50%; display: inline-block; float: left; margin: 0; padding: 0; } .work.work-no-space.g3 .mix { width: 33.3%; display: inline-block; float: left; margin: 0; padding: 0; } .work.work-no-space.g4 .mix { width: 25%; display: inline-block; float: left; margin: 0; padding: 0; } .work.work-no-space.g5 .mix { width: 20%; display: inline-block; float: left; margin: 0; padding: 0; } .work.work-no-space .mix .w-box { padding: 0; margin: 0; } .map-canvas { height: 300px; margin: 0; } .map-canvas .info-window-content { min-width: 250px; } .map-canvas .info-window-content h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .map-canvas .info-window-content h3 { font-size: 14px; font-weight: 500; } .map-canvas .info-window-content p { margin-top: 20px; text-align: center; font-size: 12px; color: #999; text-shadow: none; } .comments-wr { padding: 0 15px; } .comments-wr .comment:before, .comments-wr .comment:after { display: table; content: " "; } .comments-wr .comment:after { clear: both; } .comments-wr .comment { border-bottom: 1px solid #eee; padding: 15px 0; } .comments-wr .comment:last-child { border-bottom: 0; } .comments-wr .comment p { padding: 0; } .comments-wr .comment .comment { margin: 12px 0 0 60px; padding-bottom: 0; border-bottom: 0; border-top: 1px solid #eee; } .comments-wr .comment img { width: 48px; float: left; } .comments-wr .comment p { margin-left: 60px; color: #777; } .comments-wr .comment .comment-author { display: block; } .comments-wr .comment .comment-author a { font-weight: 600; } .comment-form { padding: 15px 15px; } .comment-form h2 { margin-bottom: 15px; } .widget { margin-bottom: 20px; } .widget-highlight { padding: 15px; background: #fcfcfc; border: 1px solid #f3f3f3; } .video-container iframe { margin: 0; border: 0; } .media-photos-list { padding-left: 0; list-style: none; margin-bottom: 0; overflow: hidden; } .media-photos-list > li { float: left; margin-right: 6px; margin-bottom: 6px; } .media-photos-list > li img { width: 60px; height: 60px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .media-photos-list > li img:hover { opacity: 0.65; filter: alpha(opacity=65); } ul.list-1 { padding: 0; margin: 0; list-style: none; } ul.list-1 li { margin: 15px 0; } ul.list-1 time { float: left; display: inline-block; background: #e74c3c; color: #FFF; font-weight: 600; padding: 5px 8px; border-radius: 2px; } ul.list-1 .txt:before { content: ""; position: absolute; margin-left: -10px; margin-top: 6px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f3f3f3; border-bottom: 10px solid transparent; } ul.list-1 .txt { margin-left: 62px; margin-top: 20px; background: #f3f3f3; } ul.list-1 .txt p { padding: 8px 15px; margin: 0; } ul.list-2 { -webkit-padding-start: 20px; margin: 15px 0; } ul.list-2 li { padding-left: 15px; list-style-type: none; background: url(../images/list-style-2.png) no-repeat 0 8px; color: #555; } ul.list-2 li a { color: #555; } ul.list-2 li a:hover { color: #83ae34; text-decoration: none; } ul.list-3 { margin: 0; list-style: none; } ul.list-3 li { height: 58px; background: #f2f2f2; overflow: hidden; margin-bottom: 13px; } ul.list-3 li .list-order { width: 58px; height: 58px; position: relative; float: left; text-align: center; line-height: 60px; background: #75b918; font-size: 30px; font-weight: 600; color: #FFF; } ul.list-3 li .list-order:after { position: absolute; top: 50%; right: 0px; border: 7px solid transparent; height: 1px; width: 0; border-right-color: #f2f2f2; margin-top: -7px; content: ''; } ul.list-3 li .list-content { float: left; height: 58px; margin-left: 8px; } ul.list-3 li .list-content h5 { font-size: 15px; font-weight: 600; margin: 8px 0 4px 0; } ul.popular { list-style: none; margin: 0; padding: 0; } ul.popular li { clear: left; border-bottom: 1px dotted #f1f1f1; padding: 10px 0; display: block; width: 100%; } ul.popular li img { width: 60px; } ul.popular li p { margin-left: 70px; } ul.popular li i { color: #a1a1a1; display: block; font-style: normal; font-size: 12px; } ul.popular li a { font-weight: 400; line-height: 18px; } ul.popular li a:hover { text-decoration: none; color: #464646; } ul.popular li span { font-size: 12px; } ul.featured { list-style: none; margin: 0; padding: 0; } ul.featured li { clear: left; border-bottom: 1px dotted #f1f1f1; padding: 10px 0 0 0; display: block; width: 100%; } ul.featured li img { width: 70px; } ul.featured li p { margin-left: 80px; } ul.featured li i { color: #a1a1a1; display: block; font-style: normal; font-size: 12px; } ul.featured li a { font-weight: 500; } ul.featured li a:hover { text-decoration: none; color: #464646; } ul.featured li span { font-size: 12px; } ul.featured li .price { font-size: 16px; font-weight: 500; margin-top: 5px; } ul.featured li .price.discount { text-decoration: line-through; color: #e74c3c; font-size: 13px; margin-right: 8px; } ul.recent { list-style: none; margin: 0; padding: 0; } ul.recent li { border-bottom: 1px dotted #e9e9e9; } ul.recent li:last-child { border: 0; padding-bottom: 0; } ul.recent li a { display: block; padding: 10px 0; } ul.recent li a:hover { border-color: #75b918; } ul.recent li h6 { margin: 0 0 10px 0; } ul.recent li h6 a { color: #353535; font-size: 14px; text-transform: none; text-decoration: none; font-weight: 600; } ul.meta-list { margin: 0; padding: 10px 15px 15px 15px; display: block; list-style: none; } ul.meta-list li:first-child { padding: 0; border-left: 0; } ul.meta-list li { display: inline-block; color: #a1a1a1; } ul.meta-list li a { color: #7a92ac; } ul.meta-list li a:hover { color: #e06d58; text-decoration: underline; } ul.bullet { list-style: none; margin: 0; padding: 0; } ul.bullet li { clear: left; padding: 10px 0; display: block; width: 100%; } ul.bullet li > figure { margin: 5px 0 0 0; padding: 0; border-radius: 100%; width: 35px; height: 35px; background: #DDD; padding: 8px 0 0; text-align: center; font-size: 17px; color: #fff; font-weight: bold; display: inline-block; float: left; } ul.bullet li img { width: 60px; } ul.bullet li h3 { font-size: 16px; font-weight: 600; margin-left: 15px; display: inline-block; } ul.bullet li p { margin: 0 0 0 50px; padding: 0; } ul.bullet li span { margin-left: 6px; } ul.bullet li a { font-weight: 500; } ul.bullet li a:hover { text-decoration: none; color: #464646; } ul.bullet li span { font-size: 12px; } ul.list-carousel { list-style: none; margin: 0; padding: 0; } ul.list-carousel li { padding: 6px 0; display: block; width: 100%; font-size: 16px; } ul.list-carousel li i { font-style: normal; margin-right: 4px; } ul.list-carousel li a { font-weight: 500; } ul.list-carousel li a:hover { text-decoration: none; color: #a1a1a1; } ul.list-carousel li span { font-size: 14px; } ul.social-icons { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; } ul.social-icons li { display: inline-block; } ul.social-icons li a { display: block; height: 32px; width: 32px; text-align: center; line-height: 32px; } ul.social-icons li:hover a { color: #fff; } ul.social-icons li.text { height: 32px; padding-left: 10px; line-height: 32px; } ul.social-icons li.facebook:hover { background: #43609c; color: #fff; } ul.social-icons li.twitter:hover { background: #00aced; color: #fff; } ul.social-icons li.linkedin:hover { background: #517fa4; color: #fff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; } .table.table-no-border > thead > tr > th, .table.table-no-border > tbody > tr > th, .table.table-no-border > tfoot > tr > th, .table.table-no-border > thead > tr > td, .table.table-no-border > tbody > tr > td, .table.table-no-border > tfoot > tr > td { border-top: 0; padding: 0; } ul.list-listings.blog-list li { border: 0; } ul.list-listings.blog-list .listing-header { clear: both; padding: 8px 15px; font-weight: 600; text-transform: uppercase; } ul.list-listings.blog-list .listing-image { width: 35%; height: 180px; float: left; overflow: hidden; } ul.list-listings.blog-list .listing-body { width: 65%; height: auto; max-height: auto; padding: 0 15px; float: left; background: #fff; } ul.list-listings.blog-list .listing-body h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 500; margin-bottom: 10px; } ul.list-listings.blog-list .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } ul.list-listings.blog-list .listing-actions { width: 15%; height: 180px; position: relative; padding-top: 20px; float: left; text-align: center; } ul.list-listings.blog-list .listing-actions .btn { position: absolute; bottom: 20px; left: 25px; } ul.list-listings.blog-list .list-item-info { font-size: 12px; font-style: italic; } .blog-masonry .w-box, .blog-grid .w-box, .blog-list .w-box { margin-bottom: 25px; } .w-box.blog-post { border: 0; padding: 0; } .blog-post h2 { font-size: 18px; line-height: 24px; color: #3b3e43; border: 0; padding: 25px 0px 0px 0px !important; } .blog-post p { padding: 8px 0px !important; font-size: 14px; color: #777; } .blog-post blockquote { margin: 8px 0px; } .blog-post .meta-list { padding-left: 0 !important; } .blog-post img { width: 100%; } .side-info { display: block; } .side-info .date { display: block; text-align: center; margin-top: 5px; } .side-info .date strong { display: block; margin-bottom: 5px; font-size: 33px; font-weight: normal; } .star-rating { display: block; } .star-rating i { display: inline-block !important; color: #f7e90c !important; } .review-rating { font-size: 12px; } .skills { clear: both; width: 100%; } .skills ul, .skills li { display: inline-block; list-style: none; margin: 0 6px 0 0; padding: 0; } .skills li { padding: 0 15px; height: 35px; line-height: 35px; color: #fff; margin-bottom: 1px; font-size: 18px; } .skills .jq { background: #97BE0D; } .skills .css { background: #D84F5F; } .skills .html { background: #88B8E6; } .skills .html { background: #BEDBE9; } .skills .sql { background: #EDEBEE; } .form-control { border-radius: 1px; padding: 8px 12px; } .form-dark .form-control { margin-bottom: 10px; background: #eee; border: 1px solid #ccc; } .form-dark label.checkbox { font-size: 12px; font-weight: normal; cursor: pointer; } .form-dark .form-control:focus { background: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; } .form-dark .form-control:-moz-placeholder { color: #999; } .form-dark .form-control::-moz-placeholder, .form-light .form-control[placeholder] { color: #999; } .form-dark .form-control:-ms-input-placeholder { color: #999; } .form-dark .form-control::-webkit-input-placeholder { color: #999; } .form-light .form-control { margin-bottom: 10px; background: #fcfcfc; border: 1px solid #ccc; } .form-light label.checkbox { font-size: 12px; font-weight: normal; cursor: pointer; } .form-light .form-control:focus { background: #fff; -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; } .form-light .form-control:-moz-placeholder { color: #999; } .form-light .form-control::-moz-placeholder, .form-light .form-control[placeholder] { color: #999; } .form-light .form-control:-ms-input-placeholder { color: #999; } .form-light .form-control::-webkit-input-placeholder { color: #999; } .sign-in-wr { margin-top: 26px; } .sign-in-wr .form-icon { display: block; width: 80px; height: 80px; border-radius: 80px; margin: 25px auto; text-align: center; line-height: 80px; font-size: 40px; } .sign-in-wr .form-header { padding: 15px; border-bottom: 1px solid #f3f3f3; } .sign-in-wr .form-header h2 { margin: 0; padding: 0 !important; font-size: 18px; font-weight: 500; } .sign-in-wr .form-body { padding: 15px; background: #fff; } .sign-in-wr .form-body p { padding-left: 0; margin-bottom: 10px; } .sign-in-wr .form-footer { padding: 15px 0; border-top: 1px solid #f3f3f3; } .social-media i { width: 40px; height: 40px; display: inline-block; padding: 10px; margin-right: 10px; margin-bottom: 10px; text-align: center; font-size: 18px; background: #ddd; color: #333; border-radius: 2px; } .social-media .facebook { background: #43609c; color: #FFF; } .social-media .twitter { background: #62addb; color: #FFF; } .social-media .google { background: #dd4b39; color: #FFF; } .social-media i:hover { background: none; color: #a1a1a1; } .form-errors { width: 100%; margin-bottom: 20px; } .form-errors .error { display: block; color: #ce1a33; font-weight: 500; } .help-inline { font-size: 11px; color: #B8321F; position: relative; top: -8px; } #info-box { display: none; text-align: center; margin-top: 30px; color: #59b540; } #info-box h2 { font-size: 16px; font-weight: 600; } .map-canvas { margin-top: 30px; height: 300px; } .map-canvas .info-window-content { min-width: 250px; } .map-canvas .info-window-content h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .map-canvas .info-window-content h3 { font-size: 14px; font-weight: 500; } .map-canvas .info-window-content p { font-size: 12px; color: #999; text-shadow: none; } .testimonial-text { width: 70%; margin: 20px auto; font-size: 14px; line-height: 24px; } .testimonial-author { display: block; text-align: center; color: #a1a1a1; font-style: italic; } .contact-info { margin-bottom: 20px; } .contact-info h5 { margin: 0; } .carousel-testimonials .testimonial-author-info { padding-top: 28px; } .carousel-testimonials .testimonial-author-info a { padding-left: 20px; } .client { border: 1px solid #ddd; padding: 0 15px; background: transparent; } .client img { } .client img:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } footer { padding-top: 15px; padding-bottom: 20px; min-height: 30px; background: #232323; } footer:before, footer:after { display: table; content: " "; } footer:after { clear: both; } footer .col.reset { margin: 0; } footer h4 { margin-top: 20px; color: #ccc; margin-bottom: 20px; text-transform: capitalize; font-size: 14px; } footer .col p { color: #ccc; font-size: 13px; margin-bottom: 10px; } footer a { color: #ccc; text-decoration: none; } footer a:hover { text-decoration: none; } footer .col ul { margin: 0; padding: 0; list-style: none; } footer .col ul li { color: #8F8F8F; } footer .col ul li span { color: #FFF; } footer .col address { color: #ddd; padding: 8px 0; } footer .company-info { font-size: 10px; text-align: justify; } footer .company-info h2 { font-size: 14px; font-weight: 600; } footer form { margin-top: 20px; } footer hr { border-top: 1px solid #444; } footer .copyright { color: #FFF; } .fontawesome-icon-list { margin-top: 22px; } .fontawesome-icon-list .fa-hover a { display: block; color: #222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 0; } .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .fontawesome-icon-list .fa-hover a:hover { background-color: #1d9d74; color: #fff; text-decoration: none; } .fontawesome-icon-list .fa-hover a:hover .fa { font-size: 28px; vertical-align: -6px; } .fontawesome-icon-list .fa-hover a:hover .text-muted { color: #bbe2d5; } @media (min-width:1200px) { .top-header .aux-text { display: inline-block !important; } .w-section .aside-feature { text-align: left; } .w-section .aside-feature .icon-feature { text-align: left; } .slider { width: 100%; } .w-section .txt-fly-over { height: 350px; top: -90px; } .navbar-default .dropdown-menu, .navbar-wp .dropdown-menu { margin-top: 12px !important; } .navbar-default .dropdown-menu, .navbar-wp .dropdown-menu.dropdown-menu-user { margin-top: 13px !important; } .wrapper.boxed { width: 1230px; margin: auto; } } @media (min-width:992px) and (max-width:1199px) { .top-header .aux-text { display: inline-block !important; } .navbar-default .dropdown-menu, .navbar-wp .dropdown-menu { margin-top: 0px !important; } .navbar-default .dropdown-menu, .navbar-wp .dropdown-menu.dropdown-menu-user { margin-top: 13px !important; } .wrapper.boxed { width: 1000px; margin: auto; } .w-section .txt-fly-over { height: 390px; top: -60px; } } @media (min-width:768px) and (max-width:991px) { .top-header .aux-text { display: inline-block !important; } .w-box, .carousel-work .figure { margin-bottom: 15px; } .animate-hover-slide img { width: 100%; } .carousel-1 .object { width: 400px !important; } .slider { width: 100%; } .w-section .txt-fly-over { height: 400px; top: -60px; } .client { margin-bottom: 20px; } .work.work-no-space.g2 .mix { width: 50%; } .work.work-no-space.g3 .mix { width: 50%; } .work.work-no-space.g4 .mix { width: 50%; } .work.work-no-space.g5 .mix { width: 50%; } } @media (max-width:767px) { header .navbar-brand { margin: 14px 0; } .navbar-wp .navbar-nav > li > a { color: #4c4c4c; padding: 10px 20px !important; margin-right: 0; } .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { color: #FFF; background-color: #e06d58; border-radius: 0 !important; } .navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus { border-radius: 0 !important; } .navbar-wp .dropdown-menu:after { border: 0 !important; margin-left: 0; } .navbar-wp .dropdown-menu:before { border: 0 !important; margin-left: 0; } .top-header .top-header-menu ul.menu > li ul.sub-menu { /*display:none !important*/ } .w-section .aside-feature { text-align: center; } .w-section .aside-feature .icon-feature { text-align: center; } .sort-list-btn .btn { margin-bottom: 10px; } .w-box, .carousel-work .figure { margin-bottom: 15px; } .animate-hover-slide .figure img { width: 100%; } .carousel-1 .carousel-inner { height: 420px; } .carousel-1 .carousel-inner { overflow: hidden; } .carousel-1 .carousel-control i { position: absolute; top: 50%; margin-top: -18px; font-size: 36px; font-weight: 600; } .carousel-1 .item-dark { color: #FFF; } .carousel-1 p { font-size: 16px; } .carousel-1 .object { display: none; } .carousel-1 .object.fluid { width: 100%; left: 0; margin: 0; } .carousel-1 .object iframe { width: 100% !important; } .carousel-1 .description { width: 100% !important; top: 50px; left: 0 !important; margin: 0 !important; } .carousel-1 .description .title { font-size: 32px; margin: 0 0 15px 0; padding: 8px 20px; background: #FFF; color: #9ab2cc; display: block; text-align: center; } .carousel-1 .description .subtitle { font-size: 24px; margin: 20px 0; padding: 0 15px !important; display: block; text-align: center; } .carousel-1 .description p { font-size: 16px; color: #FFF; margin: 0; } .carousel-1 .description.fluid-center .features i { width: 80px; height: 80px; background: #FFF; text-align: center; line-height: 80px; font-size: 34px; color: #697e93; font-weight: 700; border-radius: 80px; margin-right: 20px; } .carousel-1 .list-carousel { padding-left: 30px !important; } .carousel-3 .figure { margin-bottom: 20px; } .slider { height: auto; max-height: 440px; margin: 0; } .cta-wr { text-align: center; } .cta-wr .btn { float: none !important; } .w-section .txt-fly-over { height: 400px; position: static; top: 0; } .client { /*margin-bottom: 20px;*/ } .work.work-no-space.g2 .mix { width: 100%; } .work.work-no-space.g3 .mix { width: 100%; } .work.work-no-space.g4 .mix { width: 100%; } .work.work-no-space.g5 .mix { width: 100%; } } @media only screen and (min-width:1440px) { .slider { width: 100%; } } @media (max-width:460px) { .search-wr .search-sign i { margin-left: 0; } .global-search-input { font-size: 16px; padding: 14px 0; } } .widget-highlight { background: #fff; width: 100%; color: black; } .tg-main .navbar-wp .navbar-nav>li>a, .tg-main .navbar-wp .navbar-nav>.active>a:hover, .tg-main .navbar-wp .navbar-nav>.active>a:focus { } .tg-main .navbar-wp .navbar-nav > .open > a, .tg-main .navbar-wp .navbar-nav > .open > a:hover, .tg-main .navbar-wp .navbar-nav > .open > a:focus { color: #fff!important; } /*.top-header .top-header-menu ul.menu > li.dropdown:active .sub-menu, .current .sub-menu { display: block!important; /*Red Box*/ .widget-highlight label { font-family: "Roboto",sans-serif !important; font-weight: 500; font-size: 16px; color: #333; } .form-control { padding: 6px 12px; } .top-header span { padding-left: 5px; } .client { border: none!important; } .w-section .txt-fly-over { border-radius: 4px; /*max-width: 490px;*/ height: auto; position: static; } .widget-highlight select { margin-bottom: 8px; } .widget-highlight { padding: 15px 5px; border-radius: 4px; } .table-amount { background: #eee; border-radius: 4px; width: 100%; } .widget-highlight label{ padding-top: 10px!important; } .table-amount tr:nth-last-child(1n+2) td { border-bottom: 1px solid darkgray; } .table-amount td:first-child{ border-right: 1px solid darkgray; } .widget-highlight-select { padding: 0; } .widget-highlight .form-control { border-radius: 4px; } .buttonBox { position: absolute; bottom: 0; right: 0; } button a:visited { color: inherit; } .logo-modal{ max-width: 130px; } .top-header { border-bottom: none; } header .navbar-brand img { height: auto; /*margin-top: -45px;*/ /*width: 300px;*/ } /***************************************************/ @media(max-width:767px) { .table-amount { margin: 20px 0; } } @media(min-width:768px){ } @media(min-width:992px){ } @media(min-width:1200px){ } @media (min-width:452px) and (max-width:600px) { header .navbar-brand img { margin-top: -20px; } } @media(max-width:600px) { header .navbar-brand img { width: 70%; } } /*********************|.sendpage-table|*********************/ .sendpage-table { width: 100%!important; margin: 10px auto; } .sendpage-table caption { font-size: 1.5em; padding: 10px 0; } .sendpage-table tr { background: #f4f7f8; border-bottom: 1px solid #FFF; margin-bottom: 5px; } .sendpage-table tr:nth-child(even) { background: #e1ecfb; } .sendpage-table th, .sendpage-table td { text-align: left; padding: 12px 35px; font-weight: 300; } .sendpage-table th { margin: 0; padding-left: 5px; font-weight: 700; } /*#CountryList, #ServiceList { text-indent: 30px; }*/ @-moz-document url-prefix() { #CountryList, #ServiceList { text-indent: 0; padding-left:30px; } } .sendpage-table tfoot tr { background: none; border: none; } .sendpage-table tfoot td { padding: 10px 16px; font-size: 0.9em; font-style: italic; color: #8a97a0; } /*********************|.index-table|*********************/ .index-table { width: 100%; margin: 10px auto; } .index-table caption { font-size: 1.5em; padding: 10px 0; } .index-table tr { /*background: #f4f7f8;*/ border-bottom: 1px solid #FFF; margin-bottom: 5px; } .index-table tr:nth-child(even) { /*background: #fedbdb;*/ } .index-table th, .sendpage-table td { text-align: left; padding: 5px 15px; font-weight: 300; } .index-table th { margin: 0; padding-left: 5px; padding-right: 0px; } .index-table tfoot tr { background: none; border: none; } #auxLanguages .flag-icon, .aux-languages .flag-icon { font-size: 18px; } #ServiceList{ margin-top: 20px; } .btn-fullwidth { width: 100%; } #faq { margin-top:20px; border-color: #59b2e5; } #faq .panel-heading { background-color: #59b2e5; border-color: #59b2e5; } #faq .panel-body { border-color: #59b2e5; } .carousel-1 .carousel-inner { height: 500px; } .carousel-1 .item { height: 500px; } .tg-main .lw .pg-opt { background: none repeat scroll 0 0 #fff!important; border-bottom: 1px solid #e0eded; } .carousel-1 .description.fluid-center .title, .carousel-1 .description.fluid-center .subtitle { display: block; font-weight:bold; text-shadow: 0.1em 0.1em 0.05em #333; } html, body { margin: 0; padding: 0; height: 100%; } .wrapper { min-height: 100%; position: relative; } /*.main { padding-bottom: 330px; } */ /*@media (max-width: 992px) { .main { padding-bottom: 440px; } }*/ /*@media (max-width: 472px) { .main { padding-bottom: 620px; } }*/ .main { min-height: 500px; } footer { width: 100%; bottom:0; left:0; background:none; background-color: transparent; } #supporting .client { height: 100px; text-align: center; } #supporting .client img{ vertical-align: middle; max-height: 70px; } .helper { display: inline-block; height: 100%; vertical-align: middle; } footer a { text-decoration: none; color: #CCC!important; } #bio img { border-radius: 50%; } #bio .row { margin-bottom: 100px; } #about-us-intro p { margin-top: 20px; } #about-us-intro { padding-bottom: 100px; } #bio { /*background: #fcfcfc;*/ } #how-to-use-steps p, #how-to-use-steps li { text-align: justify; } #how-to-use-steps li { margin-bottom: 10px; } #how-to-use-steps i { font-size: 40px; color: #59b2e5; } #how-to-use-steps .thmb-img { margin-bottom: 20px; } @media (max-width: 992px){ #how-to-use-steps .thmb-img { margin-top: 40px; } } @media (max-width: 991px){ #how-to-use-steps .btn-getstarted { display:block!important; } } #dateofbirth select { height: 34px; width:128%; } #form-month { margin-left: 21px; height: 34px; width:100%; } #form-year { margin-left: 29px; height: 34px; width:100%; } .btn-getstarted { font-size: 18px; font-weight: bold!important; padding: 8px 12px; } #how-to-use-steps .btn-getstarted { margin-top: 20px; } #CountryList, #ServiceList { padding-left: 32px; } nav.top-header-menu ul.menu li.aux-languages { /*width: 120px;*/ } .download-app-section img { height: 75px; padding: 0 10px; margin-top: 5px; } video { width:100%; height: auto; } .doublecolumn { padding-top: 40px; } @media (min-width: 768px) { .doublecolumn { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } } #fb-widget { text-align: center; } p { font-size: 16px; } @media (max-width: 451px) { body { padding-top: 183px; } } @media (max-width: 767px){ body { padding-top: 0; } .navbar-fixed-top { position: static; } } /*@media (min-width: 768px) { .shrink img { max-width: 225px; padding-top: 9px; } .shrink .nav li { top: 3px; } .shrink .nav li a { padding: 11px 16px!important; } .shrink #navOne { height: 30px; } .shrink header .navbar-brand img { margin-top: -58px; } }*/ @media (max-width: 451px){ header .navbar-brand{ margin-top: 0!important; margin-bottom: 0; } } .sign-in-wr .form-footer { padding: 15px; } /*h2.about-us-subheading { font-size: 30px; color: #296896; line-height: 1.2em; text-align: center; margin-bottom: 60px; } h2.about-us-subheading::after { content: ""; display: block; margin: 20px auto 0px; width: 90px; height: 2px; background-color: #CDDEE9; }*/ img.desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .tg-main .bg-2 { background: #72787B; } .destination .carousel-1 .item { background-position: 50% 0%; background-size: contain; height: 300px; background-color: rgb(0, 50, 77); } .destination .carousel-1 .carousel-inner { height: 300px; } .fb_iframe_widget { margin-top: 40px; } #accordionThree p { font-size: 13px; } .index-table td, .sendpage-table td { text-align: right; } .sendpage-table tr { background: #fff!important; } #homepageCarousel { /*margin-bottom: 22px;*/ } .client { padding: 0; } .digi { /*padding-top: 10px;*/ } /***************** min height fix */ .footer-fix { /*min-height:468px;*/ } .embed-responsive-item { max-width: 100%; } .owl-theme .owl-controls .owl-buttons div { background: #59b2e5!important; } .owl-theme .owl-controls .owl-page span { background: #59b2e5!important; } .summary { font-size : 14px; margin-top: 5px; } /************************* Sitemap */ .sitemap { font-size:14px; font-weight: normal; } .sitemap a { color: rgb(47, 118, 193); } /* hide powered by google */ .pac-container:after { background-image: none !important; height: 0; } /**************************************** jquery.devbridge-autocomplete css *****************************************/ .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 10px 5px; white-space: nowrap; overflow: hidden; color: rgba(0,0,0,0.87) !important; font-size: 16px; } .autocomplete-no-suggestion { padding: 5px; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .flag-icon{position:relative;display:inline-block;width:1.3333333333333333em;line-height:1em;background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em}.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon-ad{background-image:url(../flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(../flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(../flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(../flags/1x1/ae.svg)}.flag-icon-af{background-image:url(../flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(../flags/1x1/af.svg)}.flag-icon-ag{background-image:url(../flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(../flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(../flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(../flags/1x1/ai.svg)}.flag-icon-al{background-image:url(../flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(../flags/1x1/al.svg)}.flag-icon-am{background-image:url(../flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(../flags/1x1/am.svg)}.flag-icon-ao{background-image:url(../flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(../flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(../flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(../flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(../flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(../flags/1x1/ar.svg)}.flag-icon-as{background-image:url(../flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(../flags/1x1/as.svg)}.flag-icon-at{background-image:url(../flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(../flags/1x1/at.svg)}.flag-icon-au{background-image:url(../flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(../flags/1x1/au.svg)}.flag-icon-aw{background-image:url(../flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(../flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(../flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(../flags/1x1/ax.svg)}.flag-icon-az{background-image:url(../flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(../flags/1x1/az.svg)}.flag-icon-ba{background-image:url(../flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(../flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(../flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(../flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(../flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(../flags/1x1/bd.svg)}.flag-icon-be{background-image:url(../flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(../flags/1x1/be.svg)}.flag-icon-bf{background-image:url(../flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(../flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(../flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(../flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(../flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(../flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(../flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(../flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(../flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(../flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(../flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(../flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(../flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(../flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(../flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(../flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(../flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(../flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(../flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(../flags/1x1/bq.svg)}.flag-icon-br{background-image:url(../flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(../flags/1x1/br.svg)}.flag-icon-bs{background-image:url(../flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(../flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(../flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(../flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(../flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(../flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(../flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(../flags/1x1/bw.svg)}.flag-icon-by{background-image:url(../flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(../flags/1x1/by.svg)}.flag-icon-bz{background-image:url(../flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(../flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(../flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(../flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(../flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(../flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(../flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(../flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(../flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(../flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(../flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(../flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(../flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(../flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(../flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(../flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(../flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(../flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(../flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(../flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(../flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(../flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(../flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(../flags/1x1/cn.svg)}.flag-icon-co{background-image:url(../flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(../flags/1x1/co.svg)}.flag-icon-cr{background-image:url(../flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(../flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(../flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(../flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(../flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(../flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(../flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(../flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(../flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(../flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(../flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(../flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(../flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(../flags/1x1/cz.svg)}.flag-icon-de{background-image:url(../flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(../flags/1x1/de.svg)}.flag-icon-dj{background-image:url(../flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(../flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(../flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(../flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(../flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(../flags/1x1/dm.svg)}.flag-icon-do{background-image:url(../flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(../flags/1x1/do.svg)}.flag-icon-dz{background-image:url(../flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(../flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(../flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(../flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(../flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(../flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(../flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(../flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(../flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(../flags/1x1/eh.svg)}.flag-icon-er{background-image:url(../flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(../flags/1x1/er.svg)}.flag-icon-es{background-image:url(../flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(../flags/1x1/es.svg)}.flag-icon-et{background-image:url(../flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(../flags/1x1/et.svg)}.flag-icon-fi{background-image:url(../flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(../flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(../flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(../flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(../flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(../flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(../flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(../flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(../flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(../flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(../flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(../flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(../flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(../flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(../flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(../flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(../flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(../flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(../flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(../flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(../flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(../flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(../flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(../flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(../flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(../flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(../flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(../flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(../flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(../flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(../flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(../flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(../flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(../flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(../flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(../flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(../flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(../flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(../flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(../flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(../flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(../flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(../flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(../flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(../flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(../flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(../flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(../flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(../flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(../flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(../flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(../flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(../flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(../flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(../flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(../flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(../flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(../flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(../flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(../flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(../flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(../flags/1x1/hu.svg)}.flag-icon-id{background-image:url(../flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(../flags/1x1/id.svg)}.flag-icon-ie{background-image:url(../flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(../flags/1x1/ie.svg)}.flag-icon-il{background-image:url(../flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(../flags/1x1/il.svg)}.flag-icon-im{background-image:url(../flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(../flags/1x1/im.svg)}.flag-icon-in{background-image:url(../flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(../flags/1x1/in.svg)}.flag-icon-io{background-image:url(../flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(../flags/1x1/io.svg)}.flag-icon-iq{background-image:url(../flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(../flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(../flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(../flags/1x1/ir.svg)}.flag-icon-is{background-image:url(../flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(../flags/1x1/is.svg)}.flag-icon-it{background-image:url(../flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(../flags/1x1/it.svg)}.flag-icon-je{background-image:url(../flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(../flags/1x1/je.svg)}.flag-icon-jm{background-image:url(../flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(../flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(../flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(../flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(../flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(../flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(../flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(../flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(../flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(../flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(../flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(../flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(../flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(../flags/1x1/ki.svg)}.flag-icon-km{background-image:url(../flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(../flags/1x1/km.svg)}.flag-icon-kn{background-image:url(../flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(../flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(../flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(../flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(../flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(../flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(../flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(../flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(../flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(../flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(../flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(../flags/1x1/kz.svg)}.flag-icon-la{background-image:url(../flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(../flags/1x1/la.svg)}.flag-icon-lb{background-image:url(../flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(../flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(../flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(../flags/1x1/lc.svg)}.flag-icon-li{background-image:url(../flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(../flags/1x1/li.svg)}.flag-icon-lk{background-image:url(../flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(../flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(../flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(../flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(../flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(../flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(../flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(../flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(../flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(../flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(../flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(../flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(../flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(../flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(../flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(../flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(../flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(../flags/1x1/mc.svg)}.flag-icon-md{background-image:url(../flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(../flags/1x1/md.svg)}.flag-icon-me{background-image:url(../flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(../flags/1x1/me.svg)}.flag-icon-mf{background-image:url(../flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(../flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(../flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(../flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(../flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(../flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(../flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(../flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(../flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(../flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(../flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(../flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(../flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(../flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(../flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(../flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(../flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(../flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(../flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(../flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(../flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(../flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(../flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(../flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(../flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(../flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(../flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(../flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(../flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(../flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(../flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(../flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(../flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(../flags/1x1/mx.svg)}.flag-icon-my{background-image:url(../flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(../flags/1x1/my.svg)}.flag-icon-mz{background-image:url(../flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(../flags/1x1/mz.svg)}.flag-icon-na{background-image:url(../flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(../flags/1x1/na.svg)}.flag-icon-nc{background-image:url(../flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(../flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(../flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(../flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(../flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(../flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(../flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(../flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(../flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(../flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(../flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(../flags/1x1/nl.svg)}.flag-icon-no{background-image:url(../flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(../flags/1x1/no.svg)}.flag-icon-np{background-image:url(../flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(../flags/1x1/np.svg)}.flag-icon-nr{background-image:url(../flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(../flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(../flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(../flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(../flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(../flags/1x1/nz.svg)}.flag-icon-om{background-image:url(../flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(../flags/1x1/om.svg)}.flag-icon-pa{background-image:url(../flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(../flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(../flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(../flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(../flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(../flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(../flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(../flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(../flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(../flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(../flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(../flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(../flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(../flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(../flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(../flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(../flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(../flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(../flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(../flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(../flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(../flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(../flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(../flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(../flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(../flags/1x1/pw.svg)}.flag-icon-py{background-image:url(../flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(../flags/1x1/py.svg)}.flag-icon-qa{background-image:url(../flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(../flags/1x1/qa.svg)}.flag-icon-re{background-image:url(../flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(../flags/1x1/re.svg)}.flag-icon-ro{background-image:url(../flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(../flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(../flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(../flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(../flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(../flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(../flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(../flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(../flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(../flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(../flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(../flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(../flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(../flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(../flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(../flags/1x1/sd.svg)}.flag-icon-se{background-image:url(../flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(../flags/1x1/se.svg)}.flag-icon-sg{background-image:url(../flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(../flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(../flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(../flags/1x1/sh.svg)}.flag-icon-si{background-image:url(../flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(../flags/1x1/si.svg)}.flag-icon-sj{background-image:url(../flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(../flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(../flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(../flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(../flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(../flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(../flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(../flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(../flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(../flags/1x1/sn.svg)}.flag-icon-so{background-image:url(../flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(../flags/1x1/so.svg)}.flag-icon-sr{background-image:url(../flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(../flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(../flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(../flags/1x1/ss.svg)}.flag-icon-st{background-image:url(../flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(../flags/1x1/st.svg)}.flag-icon-sv{background-image:url(../flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(../flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(../flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(../flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(../flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(../flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(../flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(../flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(../flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(../flags/1x1/tc.svg)}.flag-icon-td{background-image:url(../flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(../flags/1x1/td.svg)}.flag-icon-tf{background-image:url(../flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(../flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(../flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(../flags/1x1/tg.svg)}.flag-icon-th{background-image:url(../flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(../flags/1x1/th.svg)}.flag-icon-tj{background-image:url(../flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(../flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(../flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(../flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(../flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(../flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(../flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(../flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(../flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(../flags/1x1/tn.svg)}.flag-icon-to{background-image:url(../flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(../flags/1x1/to.svg)}.flag-icon-tr{background-image:url(../flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(../flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(../flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(../flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(../flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(../flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(../flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(../flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(../flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(../flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(../flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(../flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(../flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(../flags/1x1/ug.svg)}.flag-icon-um{background-image:url(../flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(../flags/1x1/um.svg)}.flag-icon-us{background-image:url(../flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(../flags/1x1/us.svg)}.flag-icon-uy{background-image:url(../flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(../flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(../flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(../flags/1x1/uz.svg)}.flag-icon-va{background-image:url(../flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(../flags/1x1/va.svg)}.flag-icon-vc{background-image:url(../flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(../flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(../flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(../flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(../flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(../flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(../flags/4x3/vi.svg)}.flag-icon-som{background-image:url(../flags/4x3/som.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(../flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(../flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(../flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(../flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(../flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(../flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(../flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(../flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(../flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(../flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(../flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(../flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(../flags/1x1/yt.svg)}.flag-icon-za{background-image:url(../flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(../flags/1x1/za.svg)}.flag-icon-zm{background-image:url(../flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(../flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(../flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(../flags/1x1/zw.svg)} /*Suisse*/ @font-face { font-family: "Suisse Int'l"; src: url('customFonts/SuisseIntl/Suisse Int_l_Regular/SuisseIntl-Regular-WebM.eot?#iefix'); src: url('customFonts/SuisseIntl/Suisse Int_l_Regular/SuisseIntl-Regular-WebM.eot?#iefix') format('eot'), url('customFonts/SuisseIntl/Suisse Int_l_Regular/SuisseIntl-Regular-WebM.woff') format('woff'), url('customFonts/SuisseIntl/Suisse Int_l_Regular/SuisseIntl-Regular-WebM.ttf') format('truetype'), url('customFonts/SuisseIntl/Suisse Int_l_Regular/SuisseIntl-Regular-WebM.svg') format('svg'); } @font-face { font-family: "Suisse Int'l Medium"; src: url('customFonts/SuisseIntl/Suisse Int_l_Medium/SuisseIntl-Medium-WebM.eot?#iefix'); src: url('customFonts/SuisseIntl/Suisse Int_l_Medium/SuisseIntl-Medium-WebM.eot?#iefix') format('eot'), url('customFonts/SuisseIntl/Suisse Int_l_Medium/SuisseIntl-Medium-WebM.woff') format('woff'), url('customFonts/SuisseIntl/Suisse Int_l_Medium/SuisseIntl-Medium-WebM.ttf') format('truetype'), url('customFonts/SuisseIntl/Suisse Int_l_Medium/SuisseIntl-Medium-WebM.svg') format('svg'); } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } body { font-family: "Suisse Int'l" !important; color: rgba(0,0,0,0.87) !important; font-weight: 500 !important; line-height: 1; overflow-x: hidden; background: url('/images/bg-tg-logo.svg') var(--color-bg-gray) right bottom no-repeat; background-size: 75vh; } hr { border-top: 1px solid #EBEBEB; } a:focus, a:hover { text-decoration: none !important; } .fix-top-margin { margin-top: 105px; } .footer-fix { padding-bottom: 48px; } a[href^="tel"] { color: rgba(0,0,0,0.87) !important; text-decoration: none; } @media (max-width:320px) { /* small smartphones, iPhone 5 / SE*/ .fix-top-margin { margin-top: 11vh; } } @media only screen and (min-device-width: 321px) and (max-width: 767px) { .fix-top-margin { margin-top: 9vh; } } @media only screen and (min-device-width: 768px) and (max-device-width: 991px) { .fix-top-margin { margin-top: 15vh; } } /********** Language class */ .ar { direction: rtl; } .pr { direction: rtl; } /************* alert warning and messages */ .alert { font-family: "Suisse Int'l"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; border-radius: 4px; border: 0 !important; padding: 16px; display: flex; flex-direction: row; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: 0; color: inherit; margin-left: auto; order: 2; } .alert.alert-warning { background-color: var(--color-white); color: var(--color-black); border: var(--element-border) !important; } .alert.alert-success { background-color: rgba(29, 172, 29, 0.24); color: rgba(0, 0, 0, 0.54); } .alert.alert-danger { background-color: rgba(243, 67, 54, 0.24); color: rgba(0, 0, 0, 0.54); } .alert .fa { margin-right: 10px; align-self: center; } .tg-main h1, .tg-main h2, .tg-main h3, .tg-main h4, .tg-main h5, .tg-main h6 { margin: 0; font-family: inherit; } /******Verifying page*/ #verifyingpage .download-apps h3 { font-family: "Suisse Int'l Medium" !important; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.96; letter-spacing: -0.6px; color: rgba(0, 0, 0, 0.87); margin-bottom: 8px; } #verifyingpage .download-apps p { color: rgba(0, 0, 0, 0.54); margin-bottom: 0; } #verifyingpage .download-apps .download-badge { margin-top: 28px; margin-bottom: 8px; } #verifyingpage .download-apps i.small { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 16px; color: rgba(0, 0, 0, 0.54); font-style: italic; } /******** Font-colors */ .color-blackish { color: rgba(0, 0, 0, 0.87) !important; } @media (min-width:1200px) { .container { width: 1230px } } .main { font-family: "Suisse Int'l"; color: #838a91 !important; font-weight: normal; } .mainNew { font-family: "Noto Sans Thai !important"; color: #838a91 !important; font-weight: normal; } .tg-main p { font-family: "Suisse Int'l" !important; font-size: 17px; margin: 0 0 8px; line-height: 1.29; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); } .tg-main h2 { font-family: "Suisse Int'l" !important; } #send-money, #safe-secure, #getstarted, #howitworks, #question, #reviews, #custom-footer { padding-top: 48px; padding-bottom: 48px } .tg-main select { box-shadow: none !important; } /********* Animations */ .widget-highlight { background: #fff; width: 100%; color: black; } .tg-main .navbar-wp .navbar-nav > li > a { padding: 0 0; } .tg-main .navbar-wp .navbar-nav > .open > a, .tg-main .navbar-wp .navbar-nav > .open > a:hover, .tg-main .navbar-wp .navbar-nav > .open > a:focus { /*color: #333 !important;*/ color: #fff; } .tg-main .lw .navbar-wp .navbar-nav > li > a { font-family: "Suisse Int'l Medium"; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: var(--color-white); } .tg-main .lw .navbar-wp .navbar-nav > li > a:hover { background-color: transparent; } .tg-main .navbar-wp .dropdown-menu > li > a { font-family: "Suisse Int'l"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: -0.2px; padding: 0; color: var(--text-color); } @media(max-width: 767px) { .tg-main .lw .navbar-wp .navbar-nav > li > a { display: block; color: rgba(0, 0, 0, 0.87); } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: none; -webkit-box-shadow: none; box-shadow: none; } .tg-main .navbar-wp .navbar-nav > .open > a, .tg-main .navbar-wp .navbar-nav > .open > a:hover, .tg-main .navbar-wp .navbar-nav > .open > a:focus { /*color: #333 !important;*/ color: rgba(0,0,0,0.87); } .tg-main .navbar-wp .navbar-nav > .open > a, .tg-main .navbar-wp .navbar-nav > .open > a:hover, .tg-main .navbar-wp .navbar-nav > .open > a:focus { color: rgba(0,0,0,0.87) !important; } } /******************** Nav bar */ .navbar-right li { padding: 8px 16px; } .dropdown-menu .menu-divider { margin: 0; margin-bottom: 8px; } .dropdown-menu i.fa { margin-right: 10px; font-size: 20px; } .dropdown-menu li:hover { background: var(--color-white-hover); } .dropdown-menu li:active, .dropdown-menu li:focus { background: var(--color-white-pressed); } .tg-main .lw .navbar-wp .navbar-nav.navbar-right > li > a.dropdown-toggle:hover { background-color: rgba(255,255,255,0.2); } tg-main .lw .navbar-wp .navbar-nav.navbar-right > li > a.dropdown-toggle:focus { background-color: rgba(255,255,255,0.2); } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: rgba(255,255,255,0.2); } tg-main .lw .navbar-wp .navbar-nav.navbar-right > li > a:active { background-color: transparent; } tg-main .lw .navbar-wp .navbar-nav.navbar-right > li > a:visited { background-color: transparent; } .navbar-left li { margin-left: 24px; } .tg-main .navbar-wp .navbar-nav > li > a { display: inline; } /* To create hamburger menu for main navigation on tablets */ @media (min-width:768px) and (max-width: 991px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } .navbar-wp .navbar-nav > li > a { color: #4c4c4c; padding: 10px 20px !important; margin-right: 0; } #navOne > .container { width: 100%; background: #fff; } header .navbar-brand { margin: 14px 0; } .tg-main .navbar-wp .navbar-collapse { margin-left: -15px; margin-right: -15px; } .tg-main .navbar-wp .dropdown-menu { float: none; position: static; } } @media(max-width:767px) { .navbar-left li { margin-left: 0; border-bottom: 1px solid #F2ECE8; } } .dropdown-menu { width: 240px } /***************************** Top info stripe message ****************************/ #top-stripe { background-color: #E69655 !important; color: #fff; padding-top: 17px; padding-bottom: 17px; text-align: center; margin-bottom: 0; border: 0; border-radius: 0; } #top-stripe p { color: rgba(0, 0, 0, 0.87); font-size: 17px; margin-bottom: 0; } #top-stripe a, #top-stripe a:hover { text-decoration: underline !important; } @media (max-width:767px) { #top-stripe p { color: rgba(0, 0, 0, 0.87); font-size: 17px; margin-bottom: 0; } } /*********************** Language dropdown */ @media (min-width:992px) and (max-width:1199px) { #navOne .navbar-right .dropdown-toggle, #navOne .navbar-right li a[href*="Logout"] { /*width: 195px;*/ padding-bottom: 0 !important; /*padding-top: 0!important;*/ font-size: 12px; } #navOne .navbar-right { position: absolute; right: 0; } } /******** Text colors */ .text-white { color: #fff !important; } img { border: none !important; } .top-header { background-color: #1d1e23; font-family: "Suisse Int'l"; height: 38px; } .top-header .top-header-menu > ul.menu > li { border: none; } .top-header .top-header-menu > ul.menu > li > a { font-size: 12px; line-height: 12px; color: #838a91; padding: 13px 0 13px 53px; } .top-header .top-header-menu > ul.menu > li > a span { color: #fff; } header .navbar-brand { margin-top: 0; padding: 0; } .tg-main .navbar-wp .navbar-collapse { border: none; } header .navbar-nav { margin-top: 10px; } @media (max-width:991px) { header .navbar-nav { background-color: #fff; margin: 0; } header .navbar-brand img { width: 225px !important; } .tg-main .navbar-wp .navbar-collapse { border: none; box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px; padding: 0; } } header .navbar-brand img { width: 118px; /*margin-top: -19px;*/ } .shrink header .navbar-brand img { margin-top: -19px; } .shrink header .navbar-nav { margin-top: 10px; } .tg-main .navbar-wp .dropdown-menu > li > a:hover { background-color: transparent; color: rgba(0,0,0,0.87); } #navOne { /*height: 98px;/*88 padding-top: 5px;*/ height: 110px; padding-top: 8px; box-shadow: -6px 8px 15px 0px rgba(19, 107, 200, 0.1); } @media (max-width: 650px) { #navOne { height: 95px; padding-top: 8px; } } .tg-main .lw .navbar-wp { position: absolute; width: 100%; margin-top: 24px; } .tg-main .navbar-wp .navbar-toggle { border-color: transparent; margin-top: 0; background-color: rgba(255, 255, 255, 0.12); border-radius: 50%; padding: 8px 7px; margin: 0 0 0 12px; } .tg-main .navbar-wp .navbar-toggle .icon-bar { background-color: #ffffff; } @media (max-width:767px) { .tg-main .lw .navbar-wp { margin-top: 16px; } } @media (min-width:992px) { .navbar-nav { margin-left: 20px; } } /***Dropdown menu*/ .tg-main .navbar-wp .dropdown-menu { border: none; } .tg-main .navbar-wp .dropdown-menu li { border: none; } /*.tg-main .navbar-wp .dropdown-menu li{ border: none; }*/ ul.lesspadding > li > a.dropdown-toggle { /*padding: 28px !important; padding-left: 0 !important; padding-right: 15px !important;*/ background-color: rgba(255,255,255,0.12); padding: 12px 16px !important; border-radius: 22px; } @media (max-width:767px) { .tg-main .navbar-wp .dropdown-menu { padding-left: 46px; background: #fafafa; } .tg-main .navbar-wp .dropdown-menu li { border-bottom: 1px solid #e0e0e0; } } /************************ Home page */ #calculator-section { margin-bottom: 40px; } .carousel-1 .carousel-inner { height: 100%; overflow: visible; } .carousel-1 .description.fluid-center { position: relative; top: 0; max-height: 290px; margin-bottom: 10px; } .calculater-container { margin-top: 215px; } .destination-page-carousel + section .calculater { margin-top: -24px; } .landing-page-carousel + section .calculater { border-radius: 12px; margin-top: -437px; } .landing-page-carousel + section#calculator-section { margin-bottom: 0; } .calculater { padding: 24px 16px 32px 16px; /*30px 50px 48px 50px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 22px; background: rgba(255,255,255,1); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 4px 5px 0 rgba(0,0,0,0.12), 0 1px 10px 0 rgba(0,0,0,0.18); border-radius: 22px; font-family: "Suisse Int'l Medium"; font-size: 20px; font-weight: 500; line-height: 0.95; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); /*margin-top: 48px;*/ } .calculater select::-ms-expand { /* for IE 11 */ display: none; } .calculater .index-table { font-size: 12px; line-height: 12px; } .calculater .index-table span.price-tag { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: rgba(0, 0, 0, 0.87); } @media (min-width: 992px) and (max-width:1199px) { .calculater-container .col-md-7.col-md-offset-2 { margin-left: 21%; /*Make the calculator be centered horizontal, fix because it's col-md-7*/ } } @media (max-width:767px) { #calculator-section { margin-bottom: 0; } .destination-page-carousel + section .calculater { margin-top: 0; } .landing-page-carousel + section .calculater { margin-top: 0; border-radius: 0; } } .tg-text-15 { font-family: "Suisse Int'l"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; } .tg-text-20 { font-family: "Suisse Int'l"; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 0.95; letter-spacing: -0.2px; } .tg-gray { color: rgba(0, 0, 0, 0.38); } .custom-input-group { border: 1px solid #e0e0e0; border-radius: 8px; background: #fafafa; margin-bottom: 16px; } .custom-input-group input { border: none; padding-left: 10px; padding-top: 15px; padding-bottom: 13px; width: 100%; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.95; letter-spacing: -0.2px; border-radius: 8px; height: 48px; -webkit-appearance: none; background: inherit; } .custom-input-group .input-group-addon { background: transparent; border: none; border-radius: 8px; color: rgba(0, 0, 0, 0.32); font-size: inherit; padding-left: 8px; } .custom-input-group .input-group-addon.flag img { position: unset !important; padding-bottom: 7px !important; } .custom-input-group .input-group-addon.flag { padding-right: 0; display: table-cell; } .horizontal-line { position: relative; top: 51px; left: 46%; width: 100px; height: 1px; background: #e0e0e0; } .vertical-line { position: absolute; top: 75px; /*430*/ right: 47px; width: 2px; height: 45px; background: #e0e0e0; } .carousal-text-div { margin-bottom: 48px; } .carousel-1 .item { overflow: visible; } .carousel-inner .main-image { /*height: 100%;*/ /*min-height: 100%;*/ /*margin-bottom: -8px;*/ /* to remove the white under the image*/ } .carousel-news-page .carousel-inner .main-image { height: 414px; } .landing-page-carousel .main-image { height: 817px; background-position: center; background-size: cover; } .news-item-page-carousel .main-image { background-position: center; height: 414px; background-size: contain; } .landing-page-carousel { overflow: visible; } .destination-page-carousel .main-image { height: 480px; background-position: center; background-size: cover; } @media (max-width:767px) { .calculater { /*padding: 46px 20px; margin-bottom: 0;*/ margin-right: -15px; margin-left: -15px; border-radius: 0; } .landing-page-carousel .main-image { max-height: 339px; } .landing-page-carousel .calculater { padding: 30px 20px; } .landing-page-carousel .calculater-container { margin-top: 185px; } .landing-page-carousel .carousal-text-div { /*margin-top: 0; margin-bottom: 70px;*/ } .destination-page-carousel .main-image { height: 250px; } .destination-page-carousel .calculater-container { margin-top: 116px; } } .carousal-title, .carousal-title p { color: #fff; font-size: 64px; line-height: 0.91; letter-spacing: -2px; display: block; margin-bottom: 16px; } .landing-page-carousel .carousal-subtitle { /*display: block;*/ font-family: "Suisse Int'l" !important; font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; color: #fff; display: block; } .destination-page-carousel .carousal-subtitle { /*display: block;*/ font-family: "Suisse Int'l" !important; font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; color: #fff; display: block; padding: 0 230px; } @media (max-width:767px) { .carousal-title { font-size: 34px; line-height: 0.95; letter-spacing: -1px; } .landing-page-carousel .calculater { border-radius: 0; } .landing-page-carousel .carousal-title { padding: 0 34px; } .destination-page-carousel .carousal-title { font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; margin-bottom: 4px; } .carousal-text-div { margin-bottom: 30px; } .carousal-subtitle { font-size: 17px; line-height: 1.29; letter-spacing: -0.2px; } .landing-page-carousel .carousal-subtitle { padding: 0 32px; font-size: 17px; line-height: 1.29; letter-spacing: -0.2px; } .destination-page-carousel .carousal-subtitle { font-size: 17px; line-height: 1.29; letter-spacing: -0.2px; padding: 0 5px; } } .push-bottom { margin-top: 50px; display: block; } @media (max-width:500px) { .carousal-subtitle { } } /******************************* Send menoy calculator designs **********************************/ .animated-error, .animated-error > button { border-color: red !important; -ms-animation: shake 0.5s linear; -webkit-animation: shake 0.5s linear; animation: shake 0.5s linear; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: shake; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .money .styled-select:before { content: ""; } .styled-select select { background: transparent; -webkit-appearance: none; /*width: 268px;*/ width: 110%; /*padding: 9px;*/ font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.95; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); border: none !important; border-radius: 0; height: 48px; /*-webkit-appearance: menulist;*/ padding-left: 0; /*45*/ opacity: 0.9 } .styled-select.no-icon { padding-left: 8px; } .styled-select { /*width: 240px;*/ height: 48px; /*overflow: hidden;*/ /*background: url(http://www.freshtracks.co.uk/wp-content/uploads/2014/12/dropdown-arrow.png) no-repeat right;*/ background-size: 30px; border: 1px solid #e0e0e0; border-radius: 8px; position: relative; padding-left: 45px; background-color: #fafafa; margin-bottom: 16px; } .styled-select:before { position: absolute; font-family: 'FontAwesome'; right: 14px; top: 17px; content: url('/images/icons/angle_down_icon.svg'); font-size: 19px; font-weight: 600; color: #d26450; } /*remove arrow form disabled dropdown*/ .styled-select.disabled:before { content: ""; } .receiving-flag, .sending-flag { left: 12px; top: 15px; } #remittance-type-icon { position: absolute; left: 10px; top: 8px; width: 27px; height: 27px; background-size: 27px; padding: 14px; margin-right: 23px; background-repeat: no-repeat; } option { padding: 10px; border-left: none !important; box-shadow: none !important; } .calculater label { font-family: "Suisse Int'l"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.87); } .calculater .left-label { position: absolute; color: rgba(0, 0, 0, 0.32); /*padding-left: 20px;*/ margin-top: 14px; margin-left: 12px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .calculater .left-label { margin-top: 16px; } } .calculater .input-pack { position: relative; margin-bottom: 16px; } .calculater .input-pack input[type="text"] { padding-left: 60px; padding-top: 15px; padding-bottom: 13px; width: 100%; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.95; letter-spacing: -0.2px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fafafa; height: 48px; -webkit-appearance: none; } #SendingCountryAlpha3 { color: #333 !important; } #ReceivingCountryAlpha3 { color: #333 !important; } @media (min-width: 992px) { #DestinationNumber1 { margin-bottom: 12px; } } /******* Aoc response table */ #aocResponse { /*margin-top: 19px;*/ } #aocResponse .exchange-rate { font-family: "Suisse Int'l"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.38); } #aocResponse .calculation { padding: 0 14px; margin-bottom: 20px; } .index-table { font-family: "Suisse Int'l"; } .index-table td, .index-table th { font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.87); padding-left: 0; padding-right: 0; } /* .index-table > tbody > tr:last-child { font-family: "Suisse Int'l Medium"; }*/ @media(max-width: 767px) { #aocResponse .exchange-rate { text-align: center; margin-top: 12px; } #aocResponse .calculation { padding: 0 0; margin-bottom: 28px; } } /******* lists */ .custom-list li { padding-left: 10px; padding-right: 10px; } @media(max-width: 767px) { .custom-list li { margin-bottom: 35px; } } .language-popup-list { list-style-type: none; padding-left: 0; } .language-popup-list li { margin-bottom: 24px; } .language-popup-list a { color: var(--text-color) !important; } @media(max-width: 767px) { } /*Buttons*/ .bluebutton { font-family: "Suisse Int'l"; color: white; padding: 14px 55px; font-size: 14px; /*display: block;*/ text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: #D26450; /*-webkit-box-shadow: -9px 12px 40px rgba(19,107,200,.5); -moz-box-shadow: -9px 12px 40px rgba(19,107,200,.5); box-shadow: -9px 12px 40px rgba(19,107,200,.5);*/ text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); } .btn-pushdown { /*margin-top: 77px;*/ margin-top: 57px; /*margin-bottom: 58px;*/ display: block; margin-left: auto; margin-right: auto; max-width: 194px; } .smallbtn { font-size: 16px; font-family: "Suisse Int'l Medium" !important; color: #fff; padding: 12px 16px; text-align: center; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background-color: #D26450; } .smallbtn:hover { background: rgba(210, 100, 80, 0.8); } .smallbtn:active { background: rgba(210, 100, 80, 0.6); } .blueborderbtn { font-size: 14px; font-family: "Suisse Int'l" !important; color: #000; padding: 12px 16px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 2px solid #D26450; background-color: transparent; } .btntransparent { font-size: 16px; font-family: "Suisse Int'l Medium" !important; color: #fff; padding: 12px 16px; text-align: center; line-height: 1; letter-spacing: -0.2px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background-color: rgba(255,255,255,0.12); } .btntransparent:hover { /*opacity: 0.12;*/ background-color: rgba(255,255,255,0.2); } .btntransparent:active { /*opacity: 0.12;*/ background-color: rgba(255,255,255,0.12); } .btnmulty { font-size: 16px; font-family: "Suisse Int'l Medium" !important; padding: 12px 16px; text-align: center; line-height: 1; letter-spacing: -0.2px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; display: inline-block; } .tb16padding { padding-top: 16px; padding-bottom: 16px; } .bg-white { background-color: #ffffff; } .bg-orange { background-color: #d26450; } .bg-grey { background-color: rgba(0, 0, 0, 0.12); } .bg-orange:hover { background: rgba(210, 100, 80, 0.8); } .bg-orange:active { background: rgba(210, 100, 80, 0.6); } .bg-grey:hover { background: rgba(0,0,0, 0.2); } .bg-grey:active { background: rgba(0,0,0, 0.3); } .whiteborderbtn { font-size: 14px; font-family: "Suisse Int'l" !important; color: #D26450; padding: 11px 33px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 2px solid #fff; background-color: #fff; } .btn-morepadding { padding-left: 130px; padding-right: 130px; } .greyborderbtn { font-family: "Suisse Int'l" !important; font-size: 14px; color: rgba(0,0,0,0.87); padding: 13px 29px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 25px; border: 1px solid rgba(0,0,0,0.87); } .lihtgreyborderbtn { font-size: 12px; color: #fff; padding: 13px 29px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #bdbfc6; } .btnmore-side-padding { padding: 13px 54px; } .capital { text-transform: none; } .bold { font-weight: 600; } @media(max-width:767px) { .btn-pushdown { margin-top: 35px; display: block; } .btn-login { padding: 8px 16px; } .btn-morepadding { padding-left: 78px; padding-right: 78px; } } /********** Text section under carouselt */ h1.hairline { font-family: "Suisse Int'l Medium" !important; font-size: 64px; line-height: 0.91; letter-spacing: -2px; color: rgba(0, 0, 0, 0.87); margin-bottom: 16px; } h1.hairline-blue { font-family: "Suisse Int'l" !important; font-size: 40px; color: #D26450; margin-bottom: 35px; } h1.hairline-white { font-family: "Suisse Int'l" !important; font-size: 40px; color: #fff; margin-bottom: 35px; } h2.hairline { font-family: "Suisse Int'l Medium" !important; font-size: 48px; line-height: 0.96; letter-spacing: -1.5px; color: rgba(0, 0, 0, 0.87); margin-bottom: 16px; } @media (max-width:767px) { h2.hairline { font-size: 24px; letter-spacing: -0.6px; margin-bottom: 7px; } h1.hairline { font-size: 34px; line-height: 0.95; letter-spacing: -1px; } } h2.hairline-blue { font-family: "Suisse Int'l" !important; font-size: 40px; color: #D26450; margin-bottom: 35px; } h2.hairline-white { font-family: "Suisse Int'l" !important; font-size: 40px; color: #fff; margin-bottom: 35px; } h2.page-title { font-family: "Suisse Int'l" !important; font-size: 40px; color: #333; margin-top: 90px; margin-bottom: 90px; } h1.page-title { font-family: "Suisse Int'l" !important; font-size: 40px; color: #333; margin-top: 20px; margin-bottom: 70px; } .tg-main h3 { font-family: "Suisse Int'l" !important; font-size: 17px; color: #333; font-weight: 600; } .tg-main h3.name { font-family: "Suisse Int'l" !important; font-size: 30px; color: #333; font-weight: 300; margin-bottom: 0; } /******************** Campaign text section */ #campaign-terms { background-color: #fff; text-align: center; padding-top: 100px; padding-bottom: 100px; } #campaign-terms p, #campaign-terms ul { font-size: 16px; line-height: 21px; margin-bottom: 0; color: var(--text-color); } #campaign-terms ul { padding-left: 24px; } #campaign-terms li:not(:last-child) { margin-bottom: 8px; } #campaign-terms a { color: var(--text-color) !important; text-decoration: underline; } #send-money { background-color: #F2ECE8; /*Light Beige*/ } #send-money .fa-ul { margin-top: 30px; width: 72%; } #send-money.rtl .fa-ul { direction: rtl; } #send-money.rtl .fa-ul > li { padding-right: 18px; } #send-money.rtl .fa-ul .fa-li { right: -2.14285714em; } .fa-ul > li { padding-left: 18px; margin-bottom: 18px; } .fa-li { left: -2.14285714em; /*min-width: 0;*/ top: 0.14285714em; } .fa-li img { width: 31px; } .fa-li i { font-size: 27px; color: #000000; } .fa-ul .title { font-family: "Suisse Int'l Medium"; font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; color: rgba(0, 0, 0, 0.87); display: block; margin-bottom: 4px; } #howitworks .fa-ul { margin-left: 20px; } #howitworks .fa-ul > li { font-family: "Suisse Int'l Medium"; font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; color: rgba(0, 0, 0, 0.87); padding-left: 5px; } #howitworks h2.hairline { margin-bottom: 40px; } #howitworks .fa-ul { list-style-type: decimal; } #howitworks.rtl h2.hairline { text-align: right; } #howitworks.rtl .fa-ul { list-style-type: arabic-indic; direction: rtl; } #send-money .fa-ul > li > p { font-family: "Suisse Int'l"; font-size: 17px; line-height: 1.29; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); margin-bottom: 0; } .primer .fa-ul { list-style-type: decimal; } .primer .fa-ul > li { font-family: "Suisse Int'l Medium"; font-size: 24px; line-height: 0.96; letter-spacing: -0.6px; color: rgba(0, 0, 0, 0.87); padding-left: 5px; } #send-money .fa-ul > li:last-child { margin-bottom: 0; } @media (max-width:767px) { #send-money { padding-top: 0; } #send-money .fa-ul { width: auto; } .fa-li i { font-size: 22px; } #send-money h2.hairline { text-align: center; } #send-money .img-div { padding: 0; margin-bottom: 40px; } .fa-ul .title { font-size: 20px; line-height: 0.95; letter-spacing: -0.2px; } #send-money .fa-ul > li > p, #howitworks .fa-ul > li > p { font-size: 15px; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.87); margin-bottom: 0; } #howitworks .fa-ul > li { font-size: 20px; line-height: 0.95; letter-spacing: -0.2px; } #howitworks h2.hairline { margin-bottom: 30px; text-align: center; } } /****************** Question section */ #question { background-color: #f2ece8; text-align: center; } #question a { text-decoration: underline; } @media (max-width:767px) { #question { text-align: left; } #question.rtl { text-align: right; } } #send-money h4 { font-family: "Suisse Int'l" !important; font-size: 25px; font-weight: 600; color: #333; min-height: 56px; } #send-money .custom-boxes { margin-top: 110px; } #send-money .custom-boxes img { margin-bottom: 48px; max-width: 143px; } #send-money .custom-boxes p { margin-top: 15px; margin-bottom: 25px; } /********************************** Safe-secure section ******************************/ /*********Digicert seal image*/ #DigiCertClickID_a0rhZ5rs img { max-width: 70px; } #safe-secure p { /*font-size: 14px; font-weight: 300; color: rgba(0,0,0,0.87);*/ } #safe-secure ul.icons { display: flex; list-style-type: none; padding-left: 0; align-items: center; flex-wrap: wrap; margin-bottom: 0; } #safe-secure ul.icons li { width: 72px; height: 72px; border: 1px solid #e0e0e0; display: flex; margin: 0 10px 10px 0; align-items: center; justify-content: center; } #safe-secure ul.icons li img { width: 52px !important; } #safe-secure .fa-ul { margin-top: 30px; width: auto; } #safe-secure .fa-ul > li { padding-left: 10px; margin-bottom: 18px; } #safe-secure .fa-li { left: -26px; /*-2.14285714em*/ /*min-width: 0;*/ top: 0.14285714em; } #send-money .fa-ul > li:last-child { margin-bottom: 0; } #safe-secure .fa-li i { font-size: 18px; color: #e69655; } #safe-secure .fa-ul > li > p { font-family: "Suisse Int'l"; font-size: 17px; line-height: 1.29; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); margin-bottom: 0; } #safe-secure.rtl h2.hairline { text-align: right; } #safe-secure.rtl .ico-ulList { direction: rtl; } #safe-secure.rtl .ico-ulList li .ico-circleActive { right: 20px; left: unset; } #safe-secure.rtl ul.icons { justify-content: flex-end; } @media (max-width:767px) { #safe-secure .fa-ul > li > p { font-family: "Suisse Int'l"; font-size: 15px; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.87); margin-bottom: 0; } #safe-secure .fa-ul > li { padding-left: 6px; } #safe-secure .fa-li i { font-size: 10px; } #safe-secure .fa-ul { margin-left: 18px; } } /************* Full bleed image section */ #full-picture { } #full-picture .text { margin-top: 355px; } #full-picture .overflow-bg { background: none; transform: scaleY(1); opacity: 0.6; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.14) 30%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.52) 70%, rgba(0,0,0,0.80) 90%, rgba(0,0,0,0.88) 96%, #000000 100%); } #full-picture .hero-image { height: 573px; background-position: center; background-size: cover; position: relative; } #full-picture p { width: 87%; } #full-picture.ar .col-md-5, #full-picture.ar .col-md-6 { float: right; } @media (max-width:767px) { #full-picture .text { margin-top: 405px; } #full-picture p { font-size: 15px; line-height: 1.33; letter-spacing: -0.1px; } } /********************************** reviews section ******************************/ #reviews { background-color: #ffffff; text-align: center; } .review-carousal { margin-top: 40px; } /* .review-carousal img { margin-bottom: 24px; } */ .review-carousal p { text-align: left; } .review-carousal span { text-align: left; display: block; font-size: 15px; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.56); } .review-carousal .col-md-4.ar p { text-align: right; } .review-carousal .col-md-4.ar span { text-align: right; } @media (min-width:991px) { #reviews p.review-text { padding: 0 202px; } } @media (max-width:767px) { .review-carousal { margin-top: 17px; } } /************ How it works section on the main/destination page */ #getstarted { background-color: #e69655; text-align: center; } #getstarted a { text-decoration: none; } #getstarted a.normal-link { font-family: "Suisse Int'l Medium"; text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.54); } #getstarted .hairline { font-size: 48px; } #getstarted .process { margin-top: 50px; } #video-section { /*padding-top: 100px;*/ background: #fff; } video { /*object-fit: initial;*/ width: 100%; height: auto; } /********************* Digit section ***********/ #digits { background-color: #D26450; text-align: center; /*padding-top: 92px;*/ color: #ffffff; padding-bottom: 92px; } #digits h2 { font-size: 25px; } #digits #listicons h2 { font-family: "Suisse Int'l Medium" !important; } #digits p.amount { font-size: 60px; line-height: 75px; font-family: "Suisse Int'l Medium" !important; color: #ffffff; } #digits .digitleft { } #digits .digitright { } @media (max-width:991px) { #digits #listicons > div:nth-child(-n+2) h2 { margin-bottom: 70px; } } @media (min-width:991px) { #digits .digitleft { padding-right: 47px; padding-top: 100px; padding-bottom: 65px; text-align: right; } #digits .digitright { padding-left: 47px; padding-top: 100px; padding-bottom: 65px; border-left: 1px solid #ffffff; border-left: 1px solid rgba(255, 255, 255, .5); text-align: left; } } /**************** Third party links section */ #supporting { padding-top: 120px; } /************ Facebook plugin stuff */ .fb-main-container { display: flex; display: -webkit-flex; height: 171px; } .fbcountdiv { background: #ecedef; display: flex; display: -webkit-flex; flex-grow: 1; -webkit-flex-grow: 1; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; position: relative; } @media (max-width:399px) { .fbcountdiv { padding-left: 5px; padding-right: 5px; } .fbcountdiv img[src*="left-angle"] { display: none; } } .fb-like { margin-top: 0 !important; } .fb-background { background-image: url('../images/fb-background.png'); background-repeat: no-repeat; background-position: 100%; background-size: cover; flex-grow: 4; -webkit-flex-grow: 4; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } @media(max-width: 768px) { .fbcountdiv { flex-grow: 4; -webkit-flex-grow: 4; } .fb-like { margin-top: 0 !important; } .fb-background { flex-grow: 4; -webkit-flex-grow: 4; background-position: center; } #fb-widget h4, #fb-widget p { padding-left: 10px !important; } } #fb-widget { padding-top: 100px; } #fb-widget h4 { font-family: "Suisse Int'l" !important; font-size: 25px; font-weight: 700; color: #fff; text-align: left; padding-left: 35px; margin-bottom: 0; } #fb-widget p { font-family: "Suisse Int'l" !important; font-size: 14px; font-weight: 300; color: #fff; text-align: left; padding-left: 35px; } /************ Download app section */ #download-apps { padding-top: 48px; text-align: center; } #download-apps p { font-family: "Suisse Int'l" !important; font-size: 15px; margin-top: 8px; } #download-apps h3 { font-family: "Suisse Int'l" !important; font-size: 24px !important; } .download-badge { /*width: 144px;*/ height: 52px; margin-top: 16px; margin-bottom: 48px; } .apple-android-apps { width: 492px; height: 225px; object-fit: contain; } .bg-beige { background-color: #f2ece8; } #get-started { padding-top: 65px; padding-bottom: 0; text-align: center; } /*********** Footer */ /**** Footer **/ #custom-footer { background-color: #d7c4b7; } #custom-footer.rtl { direction: rtl; } #custom-footer.rtl .col-social-icons i { background-position: right; } .tg-main footer { /*border-top: 2px solid #e1e1e1;*/ padding-top: 0; padding-bottom: 0; /*background-color: #cbb7a9;*/ } .tg-main footer .width-control p { width: 100%; margin-bottom: 10px; } .tg-main footer hr { margin: 0px 0; border-top: 1px solid #212222; -ms-opacity: 0.3; opacity: 0.3; margin-top: 35px; margin-right: 15px; margin-left: 15px; } .tg-main footer h3 { font-family: "Suisse Int'l Medium" !important; font-size: 24px; font-weight: 500; letter-spacing: -0.6px; color: rgba(0, 0, 0, 0.87); margin-bottom: 12px; } .tg-main footer ul li { margin-top: 8px; } .tg-main footer ul li a { font-size: 15px; font-weight: normal; color: rgba(0, 0, 0, 0.87) !important; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.87); } .tg-main footer ul p { margin-bottom: 0; font-size: 14px; } .tg-main footer p { font-size: 15px; font-weight: 500; line-height: 1.33; letter-spacing: -0.1px; color: rgba(0, 0, 0, 0.54); } .tg-main footer p a[href^="tel"] { color: rgba(0,0,0,0.54) !important; text-decoration: none; } .tg-main footer .copyright p { text-align: center; margin-top: 24px; } .tg-main footer img.logo { margin-bottom: 16px; } .tg-main footer .col-social-icons i { padding-left: 0; width: 0; background-color: transparent; color: rgba(0, 0, 0, 0.87) !important; font-size: 40px; width: 51px; background-position: left; } @media(max-width:767px) { .tg-main footer h3 { margin-top: 24px; } .tg-main footer h3.extra-top { margin-top: 32px; } .tg-main footer hr { margin-top: 24px; } } @media (min-width: 768px) { .tg-main footer .width-control p { width: 87%; margin-bottom: 10px; } } /************* About us */ #about-us { margin-top: 90px; } #ourstory { background-color: #f2ece8; padding-bottom: 48px; } section#about { padding-bottom: 48px; } #about-us section { /*padding-bottom: 60px;*/ } #about-us h1.section-title { font-family: "Suisse Int'l Medium" !important; font-size: 40px; color: rgba(0, 0, 0, 0.87); margin-top: 50px; } #about-us li h4 { font-size: 20px; font-family: "Suisse Int'l" !important; padding-bottom: 15px; } #about-us p { font-family: "Suisse Int'l" !important; color: rgba(0, 0, 0, 0.87); font-size: 14px; line-height: 22px; text-align: justify; } h2.about-us-subheading { font-family: "Suisse Int'l" !important; font-size: 30px; color: #D26450; font-weight: 300; margin-top: 50px; margin-bottom: 90px; } #bio .image-div { min-height: 330px; /*max-height: 270px!important;*/ } #bio img { max-width: 270px !important; max-height: 270px !important; } #bio span.designation { font-family: "Suisse Int'l" !important; font-size: 16px; color: #D26450; font-weight: 200; } #bio p, #about-us-intro p { font-weight: 300; margin-bottom: 20px; } /***************** My account page */ /********* Form fields */ #myaccount { padding-bottom: 100px; } #myaccount h5 { font-size: 16px; font-weight: normal; font-family: "Suisse Int'l" !important; } #myaccount h5 a { font-size: 16px; font-weight: normal; color: #D26450; } #myaccount .myaccount { margin-top: 40px; } .myaccount .form-group { position: relative; font-family: "Suisse Int'l"; } .myaccount input#Phone { /*padding-left: 85px;*/ } .myaccount label { position: absolute; top: 25px; margin-left: 30px; font-weight: 600; color: #333; font-size: 14px; line-height: 14px; margin-bottom: 0; } .myaccount input { padding-left: 30px; padding-top: 46px; padding-bottom: 20px; border: none; border: 1px solid #dcdcdc; width: 100%; color: rgba(0,0,0,0.87); font-size: 14px; -webkit-appearance: none; } /*input[type="text"], input[type="password"], textarea, textarea.form-control { padding-left: 60px; padding-top: 15px; padding-bottom: 13px; width: 100%; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.95; letter-spacing: -0.2px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fafafa; height: 48px; -webkit-appearance: none; }*/ /************* Box images */ .box-image-container { min-height: 200px !important; } /************* How it works */ .howit-works-text { margin-top: 40px; margin-bottom: 60px; } @media (max-width: 991px) { .howit-works-text > div { clear: both; } .howit-works-text div:first-child img { margin-top: 0; } .howit-works-text { margin-bottom: 80px; } .howit-works-text img { margin: 57px 0; } #how-to-use-steps p { text-align: center; } } /***************** Contact us / form */ #contactus { background: #fff; } #contactus .well { background: #fff; } .contact-form { font-family: "Suisse Int'l"; padding-right: 72px; padding-left: 72px; padding-bottom: 60px; border: none; /*box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);*/ margin-bottom: 0; } @media (max-width:767px) { .contact-form { font-family: "Suisse Int'l"; padding-right: 15px; padding-left: 15px; } } .social-meida-list li { padding-left: 20px; padding-right: 20px; } .contact-form .form-label { } .contact-form label { font-family: "Suisse Int'l"; margin-bottom: 35px; font-size: 14px; color: #000; background-color: transparent; -webkit-font-smoothing: antialiased !important; text-shadow: 5px 1px 1px rgba(0,0,0,0.004) !important; } .contact-form input { /*padding-top: 16px;*/ padding-bottom: 14px; border: none; border-bottom: 1px solid #dcdcdc; width: 100%; color: rgba(0,0,0,0.87); font-size: 16px; line-height: 22px; background-color: transparent; /*border-bottom: 1px solid #cccccc;*/ } .contact-form textarea { padding-bottom: 68px; border: none; border-bottom: 1px solid #dcdcdc; width: 100%; color: rgba(0,0,0,0.87); font-size: 14px; line-height: 22px; height: auto; background-color: transparent; } .contact-form .custom-select { width: 100%; height: 42px; overflow: hidden; /*background: url(http://www.freshtracks.co.uk/wp-content/uploads/2014/12/dropdown-arrow.png) no-repeat right;*/ background-size: 30px; border-bottom: 1px solid rgb(224, 224, 224); position: relative; } #from-flag, #to-flag { position: absolute; left: 4px; top: 9px; background-size: 27px; padding: 14px; margin-right: 23px; background-repeat: no-repeat; } .contact-form .custom-select select { background: transparent; width: 107%; padding: 0; font-size: 16px; /*line-height: 22;*/ border: 0; height: 42px; -webkit-appearance: none; color: rgba(0,0,0,0.87) !important; } .contact-form .custom-select:before { position: absolute; font-family: 'FontAwesome'; right: 10px; top: 13px; content: "\f107"; font-size: 18px; line-height: 18px; color: #D26450; } .contact-form ::-webkit-input-placeholder { color: rgba(0,0,0,0.87) !important; opacity: 1 !important; } .contact-form :-moz-placeholder { /* Firefox 18- */ color: rgba(0,0,0,0.87) !important; opacity: 1 !important; } .contact-form ::-moz-placeholder { /* Firefox 19+ */ color: rgba(0,0,0,0.87) !important; opacity: 1 !important; } .contact-form :-ms-input-placeholder { color: rgba(0,0,0,0.87) !important; opacity: 1 !important; } .contact-form .form-group p { margin-top: 10px; } .contact-form .field-validation-error { background-image: url(../images/app-icons/alert_error_red.svg); background-repeat: no-repeat; background-position: center left; background-size: 18px; padding: 1px 0 0 24px; font-size: 13px; color: var(--error-color); } @media (min-width: 992px) and (max-width: 1199px) { .cf-padding-md { padding-right: 0; } } /************ Faq page */ .faq { background-color: #fafafa; padding-bottom: 40px; } .toggle.transparent .toggle { border: 1px solid #ebebeb; } .toggle.transparent label { background-color: #fff; font-family: "Suisse Int'l"; font-size: 14px; line-height: 14px; padding-top: 25px; padding-bottom: 25px; padding-left: 18px; text-transform: none; color: #626262; margin-bottom: 0; padding-right: 45px; } .toggle.transparent label:hover { background-color: #fff; } div.toggle { margin-top: 2px; } div.toggle label { border: none; } div.toggle > label::before { content: url('../images/plus.png'); border: none; border-top-color: inherit; position: absolute; top: 25px; right: 18px; /*margin-top: -3px;*/ } div.toggle.active > label::before { content: url('../images/minus.png'); border: none; border-bottom-color: rgba(0,0,0,0.5); right: 18px; top: 32px; } .toggle.transparent .toggle-content { background: #fff; padding: 12px 18px; } /************ Site map */ .sitemap { background-color: #fafafa; padding-bottom: 40px; } ul.site-map-list li { margin-bottom: 65px; } ul.site-map-list li span { padding: 10px; padding-right: 47px; background-repeat: no-repeat; background-position: left; background-size: 37px; } ul.site-map-list li a { font-family: "Suisse Int'l"; padding: 19px 14px; background-color: #fff; border-radius: 34px; border: 1px solid #e1e1e1; color: #626262; font-size: 18px; line-height: 18px; } .sitemap ul.link-list li.list-group-item { font-family: "Suisse Int'l"; font-size: 14px; text-transform: none; margin-bottom: 2px; border-radius: 0; } .sitemap ul.link-list li.list-group-item a { color: #626262; } .sitemap ul.sublist { margin-top: 28px; } .sitemap ul.sublist li { padding-left: 45px; margin-bottom: 28px; } .sitemap ul.sublist li a { font-family: "Suisse Int'l"; color: rgba(0,0,0,0.87); text-transform: none; text-decoration: underline; } /********** Terms and conditions */ .terms h4 { font-family: "Suisse Int'l Medium"; font-size: 20px; color: #333; font-weight: 600; margin-top: 60px; margin-bottom: 20px; } .terms p, .privacy p, .cookie p { font-family: "Suisse Int'l"; font-size: 14px; line-height: 22px; color: rgba(0,0,0,0.87); font-weight: normal; margin-bottom: 25px; } .terms p strong { color: #333; } /********** privacy */ .privacy { padding-bottom: 40px; } .privacy h4 { font-family: "Suisse Int'l"; font-size: 20px; color: #333; font-weight: 400; margin-top: 60px; margin-bottom: 20px; } .terms h4:first-of-type { margin-top: 0; } .privacy ul { padding-left: 90px; list-style: none; } .privacy ul li p { padding-left: 0; text-indent: -30px; } .privacy ul li p:before { content: url('../images/bullet.png'); padding-right: 23px; } /********** Login page */ @media (min-width: 991px) { .addflex { display: flex; display: -webkit-flex; } } #login { /*margin-top: 130px;*/ padding-bottom: 60px; } #login .create-account { margin-top: 40px; text-align: center; } #login .create-account a { color: #D26450; } #login .create-account p { font-family: "Suisse Int'l"; font-size: 16px; margin-bottom: 0; } #login .create-account p.link { font-family: "Suisse Int'l Medium"; font-size: 18px; font-weight: 600; } #login .forgot-div { padding-left: 75px; border-left: 1px solid #dcdcdc; padding-top: 65px; } .btn-close { font-size: 20px; color: var(--text-color) !important; } @media (max-width:991px) { #login .forgot-div { padding-left: 15px; border: none; padding-top: 65px; } } @media(max-width: 767px) { #login { /*margin-top: 50px;*/ } } /****** Signup page */ #signup { padding-bottom: 80px; margin-top: 60px; } #payment-method .field-validation-error { font-family: "Suisse Int'l"; background-image: url('../images/error-sign.png'); background-repeat: no-repeat; background-position: bottom left; padding-left: 24px; padding-top: 8px; display: inline-block; } #signup .myaccount label span { color: rgba(0,0,0,0.87); font-family: "Suisse Int'l"; font-size: 12px; text-transform: none; } #signup .custom-select { width: 100%; /*padding-top: 35px;*/ overflow: hidden; /*background: url(http://www.freshtracks.co.uk/wp-content/uploads/2014/12/dropdown-arrow.png) no-repeat right;*/ background-size: 30px; border: 1px solid rgb(224, 224, 224); border-radius: 4px; position: relative; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #signup .custom-select select { /*background: transparent; width: 106%; padding: 0; font-size: 16px; line-height: 22px; border: 0; padding-left: 5px; margin-left: 25px; height: 50px; -webkit-appearance: none; color: rgba(0,0,0,0.87)!important;*/ /*padding-left: 16px!important;*/ /*margin-left: 25px;*/ background: transparent; color: rgba(0,0,0,0.87) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*border: 1px solid #e0e0e0 !important;*/ background: url('../../images/arrow-down-png.png') right / 14px no-repeat #fff !important; background-position: 98% !important; } /*#signup .custom-select:before { position: absolute; font-family: 'FontAwesome'; right: 13px; top: 15px; content: "\f107"; font-size: 18px; line-height: 18px; color: #333; }*/ #login-select-country .custom-select { /*width: 240px;*/ height: 48px; /*overflow: hidden;*/ /*background: url(http://www.freshtracks.co.uk/wp-content/uploads/2014/12/dropdown-arrow.png) no-repeat right;*/ background-size: 30px; border: 1px solid #e0e0e0; border-radius: 8px; position: relative; padding-left: 45px; background-color: #fafafa; margin-bottom: 16px; } #login-select-country .custom-select select { background: transparent; -webkit-appearance: none; /*width: 268px;*/ width: 110%; /*padding: 9px;*/ font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 0.95; letter-spacing: -0.2px; color: rgba(0, 0, 0, 0.87); border: none !important; border-radius: 0; height: 48px; /*-webkit-appearance: menulist;*/ padding-left: 0; /*45*/ opacity: 0.9 } #signup .checkbox input[type=checkbox] { position: relative; margin-left: 0; } #login-select-country .custom-select:before { position: absolute; font-family: 'FontAwesome'; right: 14px; top: 17px; content: "\f107"; font-size: 19px; font-weight: 600; color: #d26450; } #signup .login-now { font-size: 13px; margin-top: 3px; } #signup .login-now a { color: #D26450; } #signup .login-now p { font-family: "Suisse Int'l"; font-size: 16px; margin-bottom: 0; } #signup .login-now p.link { font-family: "Suisse Int'l Medium"; font-size: 18px; font-weight: 600; } #signup .date-dob { border-right: 0; } /**** My recipients */ .recipients { background-color: #f1f1f1; } .profilerecipients .btn-add-recipient { margin-top: 110px; text-align: right; } @media(max-width: 768px) { .profilerecipients .btn-add-recipient { margin-top: 50px; text-align: left; padding-bottom: 15px; } } .recipients .btn-add-recipient { margin-top: 110px; text-align: right; } @media(max-width: 768px) { .recipients .btn-add-recipient { margin-top: 50px; text-align: left; padding-bottom: 15px; } } /*Make the table responsive on tablets*/ @media (max-width: 991px) { #my-recipients .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; } } .recipients .main { padding-bottom: 60px; } .recipient-list { background-color: #fff; border: 0; border-radius: 0; box-shadow: none; padding: 50px; } @media(max-width: 768px) { .recipient-list { padding: 10px; } } .recipient-list table { width: 100%; white-space: nowrap; } .recipient-list .table > thead > tr > th, .recipient-list .table > tbody > tr > th, .recipient-list .table > tfoot > tr > th, .recipient-list .table > thead > tr > td, .recipient-list .table > tbody > tr > td, .recipient-list .table > tfoot > tr > td { padding-top: 30px; padding-bottom: 30px; padding-left: 40px; padding-right: 40px; padding-left: 25px; padding-right: 25px; line-height: 1.42857143; vertical-align: middle; border: 0; background-color: transparent; font-weight: normal; } .recipient-list .table > thead > tr { background-color: transparent; border-bottom: 1px solid #e8e8e8; text-transform: none; font-size: 15px; color: rgba(0,0,0,0.87); } .recipient-list .table > thead > tr > th { padding-bottom: 30px; padding-left: 25px; padding-right: 25px; } .recipient-list .table > tbody > tr > td { padding-top: 30px; padding-bottom: 30px; padding-left: 25px; padding-right: 25px; border-top: 0; } .recipient-list .table > tbody > tr > td:first-of-type { /*color: #333;*/ word-break: break-word; } .recipient-list .table > tbody > tr:nth-child(even) { background-color: #f7f7f7; } .recipient-list .table td:first-child { white-space: normal; } @media (max-width: 1024px) { .recipient-list .table > thead > tr > th, .recipient-list .table > tbody > tr > th, .recipient-list .table > tfoot > tr > th, .recipient-list .table > thead > tr > td, .recipient-list .table > tbody > tr > td, .recipient-list .table > tfoot > tr > td { display: block; text-align: center; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; } .recipient-list .table > tbody > tr > td > .dflex-aic { justify-content: center; } .recipient-list .table td:first-child { font-weight: 900; font-size: 15px; } .recipient-list .table td:last-child { padding-bottom: 50px; } } /* Add recipient */ .add-recipient { background-color: #fafafa; } .add-recipient .well { background-color: #fff; border-radius: 0; border: 0; padding: 65px 45px; } @media (max-width: 767px) { .add-recipient .well { padding: 15px } } .add-recipient span.telcode { position: absolute; top: 50px; left: 30px; } .add-recipient span.check { position: absolute; top: 13px; right: 35px; } .add-recipient #dnumber input { padding-left: 65px; } /************ Listing agents */ .agentpage { text-transform: none; padding: 12px; margin-top: 20px; font-family: "Suisse Int'l"; font-size: 14px; color: #E69655; } .agentpage > a, .agentpage a:hover { color: #E69655; } .agentsearch input[type="search"] { border: 1px solid #D26450; height: 44px; width: 50%; margin-left: 25%; text-align: center; font-size: 18px; font-family: "Suisse Int'l"; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==); background-repeat: no-repeat; background-color: #fff; background-size: 43px; background-position: right; } .agentsearch label { width: 100%; } @media screen and (max-width: 767px) { .agentsearch input[type="search"] { width: 100%; margin-left: 0; } } .agents-list .table > thead > tr > th, .agents-list .table > tbody > tr > th, .agents-list .table > tfoot > tr > th, .agents-list .table > thead > tr > td, .agents-list .table > tbody > tr > td, .agents-list .table > tfoot > tr > td { display: block; text-align: center; padding: 15px 5px 15px 5px; white-space: normal; } .agents-list .table td:first-child { font-weight: 900; font-size: 15px; } .agents-list .table td:last-child { padding-bottom: 50px; } /** /******* My Transacions */ .transactions { background-color: #f1f1f1; } .transactions .main { padding-bottom: 60px; } .transactions .well { background-color: #fff; border: 0; border-radius: 0; box-shadow: none; padding: 40px 15px; } .transactions .smallwell .well { padding: 40px 42px 30px 42px; min-height: 323px; } .transactions-list table { width: 100%; white-space: nowrap; } .transactions-list table tbody tr td:nth-child(5) { white-space: normal; } .transactions .table > thead > tr > th, .transactions .table > tbody > tr > th, .transactions .table > tfoot > tr > th, .transactions .table > thead > tr > td, .transactions .table > tbody > tr > td, .transactions .table > tfoot > tr > td { padding: 25px 7px; line-height: 1.42857143; vertical-align: middle; border: 0; background-color: transparent; font-weight: normal; } .transactions .table > thead > tr { background-color: transparent; border-bottom: 1px solid #e8e8e8; text-transform: none; /*font-family: "Suisse Int'l Medium";*/ font-size: 14px; color: rgba(0,0,0,0.87); } @media (max-width: 1024px) { .transactions-list .table > thead > tr > th, .transactions-list .table > tbody > tr > th, .transactions-list .table > tfoot > tr > th, .transactions-list .table > thead > tr > td, .transactions-list .table > tbody > tr > td, .transactions-list .table > tfoot > tr > td { display: block; text-align: center; padding-top: 15px; padding-bottom: 15px; } .transactions-list .table td:first-child { font-weight: 900; font-size: 16px; } .transactions-list .table td:last-child { padding-bottom: 50px; } } .transactions .table > thead > tr > th:first-of-type { /*color: #333;*/ } .transactions .table > tbody > tr > td:first-of-type { /*color: #333;*/ } .transactions .table > tbody > tr:nth-child(even) { background-color: #f7f7f7; } .transactions .table span { padding: 10px; padding-right: 40px; background-repeat: no-repeat; background-position: left; background-size: 31px; } .transactions h2 { font-family: "Suisse Int'l"; font-size: 30px; color: #333; /*margin-bottom: 30px;*/ } /*Search form*/ .transactions .date-dob { border-right: 0; } .transactions .myaccount .input-group-addon { border-radius: 0; border: 1px solid rgb(224, 224, 224); border-left: 0; background-color: #fff; padding-right: 30px; padding-top: 30px; } .transactions .field-validation-error { font-family: "Suisse Int'l"; background-image: url('../images/error-sign.png'); background-repeat: no-repeat; background-position: bottom left; padding-left: 24px; } /*** News ***********/ #news h3 { margin-top: 0; } @media (max-width: 768px) { #news h3 { margin-top: 20px; } } #news h3 a, #news .article-title span { font-size: 22px; font-weight: 400; color: #333; } #news h5 { font-family: "Suisse Int'l" !important; font-size: 14px; font-weight: normal; color: rgba(0,0,0,0.87); text-transform: none; } #news p { font-size: 15px; color: rgba(0, 0, 0, 0.87); /*rgba(0,0,0,0.87)*/ padding-top: 15px; padding-bottom: 10px; } #news hr { /*margin-top: 80px; margin-bottom: 80px;*/ border-top: none; border-bottom: 1px solid #e1e1e1; } #news .container .row:last-child hr { border-bottom: none; } a.read-more { font-size: 14px; font-weight: bold; color: #333; } a.read-more span { padding-left: 7px; } .owl-theme .owl-controls { margin-top: -39px !important; text-align: left !important; } .owl-pagination { padding-left: 74px !important; } .owl-buttons { display: none !important; } .owl-theme .owl-controls .owl-page span { background-color: transparent !important; border: 1px solid #fff !important; opacity: 0.9 !important; width: 9px !important; height: 9px !important; } .owl-theme .owl-controls .owl-page.active span { background-color: #fff !important; width: 13px !important; height: 13px !important; } .news-item .container { margin-top: 40px; } .news-item h5 { margin-top: 0 !important; margin-bottom: 0 !important; } .news-item p { padding-top: 0 !important; padding-bottom: 10px !important; } .news-item h3 { margin-bottom: 20px !important; /*90px*/ } .news-item p strong { color: #333; font-family: "Suisse Int'l"; } .newsitem-nav-btn { font-size: 12px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 2px solid #e8e8e8; width: 134px; display: inline-block; height: 42px; line-height: 39px; font-family: "Suisse Int'l"; font-weight: bold; text-transform: none; } #newsitem-nav .newsitem-nav-btn:hover { color: #333; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } #newsitem-nav { padding-top: 100px; padding-bottom: 48px; } .newsitem-nav-btn:nth-of-type(2) { float: right; } /******* reset password page */ #reset-password .login-now { margin-top: 40px; text-align: center; } #reset-password .login-now a { color: #D26450; } #reset-password .login-now p { font-family: "Suisse Int'l"; font-size: 16px; margin-bottom: 0; } #reset-password .login-now p.link { font-family: "Suisse Int'l Medium"; font-size: 18px; font-weight: 600; } .angledown:before { position: absolute; font-family: 'FontAwesome'; right: 20px; top: 13px; content: "\f107"; font-size: 18px; line-height: 18px; /*font-family: 'Pe-icon-7-stroke'; right: 14px; top: 16px; content: "\e688"; font-size: 25px;*/ } /***************** Pay page ******************/ .sendpage-table caption { font-family: "Suisse Int'l" !important; font-size: 22px; color: rgba(0,0,0,0.87); margin-bottom: 20px; text-align: left; } .sendpage-table.transaction-details caption { margin-top: -40px; } .sendpage-table.recipient-details caption { margin-top: 30px; } .sendpage-table th { font-size: 14px; color: #333333; font-weight: normal; /*width: 160px;*/ padding-right: 0; } .sendpage-table td { color: rgba(0,0,0,0.87); font-family: "Suisse Int'l" !important; font-weight: normal; font-size: 14px; } .sendpage-table tfoot td { text-align: right; padding-top: 15px; font-style: normal; font-size: 12px; } .sendpage-table tfoot td a { color: #D26450; font-family: "Suisse Int'l"; } .section-bordered { border: 1px solid #dcdcdc; padding: 15px 20px; } .section-bordered + .section-bordered { border-top: none; } .radio-huvudman { padding-left: 20px; display: block !important; font-size: 14px !important; } .otherreason { display: none; } .other-soi { display: none; } .sendingreason { padding: 0 12px; padding-left: 10px; } .otherPurpose { display: none; } .huvudman { display: none; } .radio-huvudman label { color: rgba(0,0,0,0.87) !important; font-weight: normal !important; } .checkbox-savecard label { color: rgba(0,0,0,0.87); font-family: "Suisse Int'l"; font-size: 14px; /*display:none;*/ /*margin-top:35px; margin-bottom: 25px;*/ } @media (max-width:991px) { .checkbox-savecard label { margin: 0; } .checkbox-savecard { margin-bottom: 5px; } .sendpage-table.recipient-details + form > .paypage-blueborderbtn { margin-top: 30px; } .saved-cards .radio__label { font-size: 14px; } } @media (min-width:992px) { .sendpage-table.recipient-details + form .checkbox-saverecipient { float: right; } } .checkbox-savecard input[type="checkbox"] { display: none; } .checkbox-savecard input[type="checkbox"] ~ label span { display: inline-block; width: 16px; height: 16px; margin: -1px 4px 0 0; vertical-align: middle; border: 1px solid rgba(0,0,0,0.87); border-radius: 2px; cursor: pointer; margin-right: 20px; } .checkbox-savecard input[type="checkbox"]:checked ~ label span { background-image: url('../images/checkmark-256.png'); background-size: cover; } .paypage-blueborderbtn { display: block; padding: 8px 0; } .paypage-bluebutton { border: none; padding: 10px 0; text-transform: none; } .paypage-blueborderbtn, .paypage-bluebutton { width: 186px; } @media (min-width: 768px) { .sendpage-table.recipient-details caption { margin-top: -39px; } .paypage-blueborderbtn, .paypage-bluebutton { display: inline-block; float: right; } } @media (min-width: 992px) { .sendpage-table.recipient-details caption { /*margin-top: -45px;*/ } .paypage-panel { padding-right: 40px; } .paypage-blueborderbtn, .paypage-bluebutton { margin-top: 15px; } } @media (min-width: 992px) { .checkbox-savecard { display: inline-block; } .paypage-bluebutton { margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { .paypage-blueborderbtn, .paypage-bluebutton { width: 170px; } } #payment-method .well { background-color: #ebebeb; border: 0; -ms-border-radius: 0; border-radius: 0; box-shadow: none; padding: 10px; padding-bottom: 10px; margin-bottom: 0; } #payment-method .well h2 { font-family: "Suisse Int'l" !important; font-size: 20px; color: #000; } #payment-method .well h2 i { margin-right: 19px; } #payment-method .well p { font-family: "Suisse Int'l" !important; font-size: 15px; margin-top: 18px; } #payment-method .bank-pay label { font-size: 13px; text-transform: none; color: #333; } /************ Destination page *************/ @media (min-width: 768px) { .tele-mobile { margin-left: 40px; } } .tele-mobile { padding-top: 10px; } .tele-mobile h4 { font-family: "Suisse Int'l" !important; font-size: 25px; color: #333; margin-top: 25px; } .tele-mobile .logos { margin-top: 30px; } .tele-mobile .logos ul { padding-left: 0 !important; } .tele-mobile .logos ul li { display: inline-block; padding: 0 10px 10px 0; } .tele-mobile p { color: rgba(0,0,0,0.87); } .tele-mobile .tab-content ul { /*list-style-image: url('../images/list-dot.png');*/ list-style: none; padding-left: 1.2em; } .tele-mobile .tab-content { font-family: "Suisse Int'l" !important; font-size: 15px; } .tele-mobile .tab-content ul li { /*padding-left: 19px;*/ color: #212222; /* Change the color */ } .tele-mobile .tab-content ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #D7C4B7; /* Change the color */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .tele-mobile .logos ul li::before { content: ""; } /*.destination-page-carousel .overflow-bg { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.4); }*/ .overflow-bg { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.38); /*opacity: 0.2;*/ transform: scaleY(-1); background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.14) 30%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.52) 70%, rgba(0,0,0,0.80) 90%, rgba(0,0,0,0.88) 96%, #000000 100%); background: rgba(0,0,0,0.38); } .get-started-destination .custom-boxes { margin-top: 35px !important; } .destination-page-carousel .carousal-subtitle .carousel-bold { font-family: "Suisse Int'l Medium" !important; } /************ Landingpage modal *************/ .modal-open { overflow-y: inherit !important; /*padding-right: 0!important;*/ } #landingpage-modal .modal-dialog { line-height: 0; } #landingpage-modal .modal-body { padding: 0; } #landingpage-modal .modal-footer { display: none; } #landingpage-modal .modal-header { display: none; } #landingpage-modal .modal-content { border-radius: 0; } #start-video { background-image: url(../images/videoimage.jpg); height: 400px; background-position: 50%; border-top: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer; } #landingpage-modal iframe { } /********************* Overriding fonts */ h1.monteserrat-light { font-family: "Suisse Int'l" !important; } /***************************** Landing page tabs for cash and mobile money stuf */ /* div.tabs ul.nav-tabs { font-family: "Suisse Int'l"; font-size: 20px; margin-bottom: 21px; }*/ /* div.tabs ul.nav-tabs li:nth-child(1):nth-last-child(2) { background-image: url('../images/separator.png'); background-position: right; background-repeat: no-repeat; margin-right: 20px; padding-right: 10px; }*/ /* div.tabs ul.nav-tabs li a { padding-left: 0; color: rgba(0,0,0,0.87); background-color: transparent; }*/ /* div.tabs ul.nav-tabs li a i { padding-right: 16px; }*/ /* div.tabs ul.nav-tabs li.active a { background-color: transparent; color: #333; }*/ /*div.tabs div.tab-content { padding: 0; border: 0; } .text-strike { text-decoration: line-through; } .nav-tabs > li > a { color: gray !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: black !important; border-top: 0; border-right: 0; border-left: 0; border-bottom: 2px solid; border-bottom-color: #E69655; } .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { background: var(--color-white-hover); } .nav-tabs > li.active > a:active, .nav-tabs > li > a:active { background: var(--color-white-pressed); }*/ /********************* Settings *********************/ .preferred-language .custom-select { width: 100%; padding-top: 35px; overflow: hidden; /*background: url(http://www.freshtracks.co.uk/wp-content/uploads/2014/12/dropdown-arrow.png) no-repeat right;*/ background-size: 30px; border: 1px solid rgb(224, 224, 224); position: relative; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .preferred-language .custom-select select { background: transparent; width: 106%; padding: 0; font-size: 16px; /*line-height: 22;*/ border: 0; padding-left: 5px; margin-left: 22px; height: 50px; -webkit-appearance: none; color: rgba(0,0,0,0.87) !important; } .preferred-language .custom-select:before { position: absolute; font-family: 'FontAwesome'; right: 13px; top: 50px; content: "\f107"; font-size: 18px; line-height: 18px; color: #333; } .language { margin-bottom: 25px; } .nav > li > a:focus, .nav > li > a:focus { background-color: transparent; } /* Add and Edit Recipient not to shift column if error message */ .row.display-flex { display: flex; flex-wrap: wrap; } .row.display-flex > [class*='col-'] { display: flex; flex-direction: column; } .btn-pickup-location-mobile { color: #e69655 !important; text-transform: none; } /********************* Norway Login Page CSS Start **********/ #bankIdLogin:after { content: none; } #normalLogin:after { content: none; } /********************* Norway Login Page CSS END **********/ .signicatframe { padding: 65px; } #settermcondition .fa-li { top: 0.35em; } #settermcondition .fa-li i { font-size: 12px; color: #d7c4b7; } #settermcondition .fa-ul { margin-left: 2.542857em } #settermcondition .fa-ul > li { padding-left: 0px; margin-bottom: 0px; } .signupForm span.telcode { position: absolute; left: 16px; } .icon-norway-bank-id { background-image: url(/images/BankId/bank_id_no_symbol1.png); background-size: contain; background-repeat: no-repeat; display: inline-block; width: 23px; height: 14px; } /*.navbar a { color: var(--color-white) !important; } .dropdown-menu a { color: var(--text-color) !important; } .flag { height: 18px; width: 25px; background-size: contain; background-repeat: no-repeat; } */ .preferred-country-select button, .tg-bs-select button { height: 48px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fafafa; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; letter-spacing: -0.2px; display: block !important; } .tg-bs-select button { background-color: var(--color-white); } .bs-select { padding: var(--input-padding); } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle { outline: none !important; } .preferred-country-select .dropdown-header, .tg-bs-select .dropdown-header { font-weight: bold; font-size: 12px; line-height: 12px; color: var(--text-color); /*margin-top: 6px;*/ } .preferred-country-select .dropdown-item, .tg-bs-select .dropdown-item { font-weight: normal; font-size: 15px; line-height: 24px; color: var(--placeholder-color) !important; } .preferred-country-select .dropdown-item, .preferred-country-select .dropdown-header, .tg-bs-select .dropdown-item, .tg-bs-select .dropdown-header { padding: var(--input-padding) !important; letter-spacing: 0.5px; } .preferred-country-select .caret, .tg-bs-select .caret { border: none; color: var(--color-tg-orange); font-family: 'FontAwesome'; right: 26px !important; top: 17px !important; font-size: 19px; font-weight: 600; } .preferred-country-select .caret:before, .tg-bs-select .caret:before { content: url('/images/icons/angle_down_icon.svg'); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: transparent; } .preferred-country-select .flag, .tg-bs-select .flag { display: inline-block; margin-right: var(--input-padding-right); margin-bottom: -4px; } .preferred-country-select.bootstrap-select { margin-bottom: var(--input-padding-bottom); } .preferred-country-select input[type=search], .tg-bs-select input[type=search] { font-family: "Suisse Int'l", FontAwesome; } .bootstrap-select .dropdown-menu.inner { max-width: 100%; } /* */ .contact-us-link { font-weight: bold; } .tg-box { background: var(--color-white); padding: 48px; margin-bottom: 20px; position: relative; border-radius: 24px; border: 1px solid var(--color-black08); /*box-shadow: 0px 8px 20px 8px rgba(0, 0, 0, 0.04);*/ } .tg-box__title { font-weight: bold; font-size: 24px; line-height: 30px; letter-spacing: -0.6px; display: block; margin-bottom: 24px; } .tg-box__title--question { margin-bottom: 10px; } .tg-box__sub-title { font-weight: normal !important; display: block; font-size: 15px; color: var(--text-color-gray); margin-bottom: 16px; line-height: 20px; } .tg-box .tg-box__footer { margin-top: 40px; } .tg-box .btn-close { position: absolute; top: 48px; right: 48px; color: var(--text-color) !important; } .tg-box .btn-back { position: absolute; color: var(--text-color) !important; } .tg-box .a-skip { font-size: 16px; color: var(--text-color) !important; position: absolute; right: 48px; margin-top: 6px; font-family: "Suisse Int'l Medium"; } @media screen and (max-width: 991px) { .tg-box { padding: 16px; padding-top: 24px; padding-bottom: 40px; border-radius: unset; } /* .tg-box .btn-primary { margin-top: 10px; }*/ .tg-box--sm-full-screen { display: flex; flex-direction: column; min-height: calc(91vh - 60px); } .tg-box--sm-full-screen form { display: flex; flex-direction: column; } /* todo: remove tg-box--sm-full-screen class and apply this css to tg-box after changing all to full screen*/ .tg-box--sm-full-screen .tg-box__header { } .tg-box--sm-full-screen .tg-box__content { flex-grow: 1; } .tg-box--sm-full-screen .tg-box__footer { } } @media (max-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ .tg-box--sm-full-screen { min-height: calc(89vh - 60px); } } @media only screen and (min-device-width: 321px) and (max-width: 767px) { .tg-box--sm-full-screen { min-height: calc(91vh - 60px); } } @media only screen and (min-device-width: 768px) and (max-device-width: 991px) { .tg-box--sm-full-screen { min-height: calc(85vh - 60px); } } .form-group__sub-label { font-weight: normal !important; display: block; } .kyc-success-button { margin-top: 60px; } .payment-method.list-group { margin-bottom: 5px; } .list-group.payment-method .radio { margin-top: 8px !important; margin-bottom: 8px !important; } .list-group-item { border-color: var(--default-color-gray); padding: 16px; } .list-group-item:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .list-group-item:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .payment-method__item { width: 100% } .psp-img { width: 32px; margin-left: 12px; } .btn-delete { color: var(--color-tg-gray-dark) !important; } .btn-delete--disabled { color: var(--color-tg-yellow) !important; } /***************** Transfer details Start ******************/ .transfer-details-box { padding: 16px 24px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-bottom: 8px; } .transfer-details-box--discount { padding: 16px; box-shadow: none; border: 1px solid var(--color-black12); display: flex; align-items: center; } .transfer-details-box--discount .btn-add-discount { margin-left: auto; } .transfer-details-box--discount .discount-icon { margin-right: 12px; } .transfer-details-box--discount .discount-value { margin-right: 12px; font-size: 24px; line-height: 32px; letter-spacing: -0.6px; } .transfer-details-box .lbl { color: var(--text-color-gray); } .recipient-section .lbl, .recipient-section .value { display: block; line-height: 29px; } .recipient-section .value { font-size: 15px; } .transfer-details-box .section-divider { border-bottom: 1px dashed #C6C3C3; margin: 12px -16px; position: relative; } .transfer-details-box .section-divider::before, .transfer-details-box .section-divider::after { position: absolute; content: ''; height: 16px; width: 16px; top: -7px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; /* Halve the circle */ border-bottom-color: transparent; border-left-color: transparent; background: white; } .transfer-details-box .section-divider::before { left: -16px; transform: rotate(45deg); } .transfer-details-box .section-divider::after { right: -16px; transform: rotate(225deg); } .pricing-section table { border-collapse: separate; border-spacing: 0 16px; width: 100%; } .pricing-section table td { color: var(--text-color); text-align: right; } .pricing-section table th { color: var(--text-color-gray); font-weight: normal; } .pricing-section table td, .pricing-section table th { width: 50%; } .pricing-section .lbl { display: block; margin-top: 16px; } .go-back-container { color: var(--text-color-gray); margin-top: 24px; } .pricing-section .total-cost-container { font-size: 14px; font-weight: bold; } .row-fluid { display: flex; align-items: flex-end; } .discount-label { font-size: 14px; color: var(--text-color); margin-bottom: 8px; margin-top: 24px; } /***************** Transfer details End ******************/ a .icon-left { margin-right: 12px; } /***************** Error page ******************/ .error-page-container { margin-top: 100px; text-align: center; min-height: 400px; } .error-page-container .error-code { font-weight: bold; font-size: 105px; line-height: 90px; color: var(--color-tg-orange); } .error-page-container .error-title { font-weight: bold; font-size: 24px; line-height: 14px; color: var(--text-color); margin-top: 32px; margin-bottom: 16px; } .error-page-container .error-body, .error-page-container .error-body * { font-size: 15px; line-height: 20px; color: var(--text-color-gray); } .error-body p { margin: 0; } /***************** Error page end ******************/ /***************** Modal start ******************/ .modal-dialog { margin-top: 0; margin-bottom: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; } /*Changed thead animation to appear from bottom*/ .modal.fade:not(.in) .modal-dialog { -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } .modal-content { border: 1px solid var(--color-black08); border-radius: 24px; } .modal-header { border: 0; font-size: 24px; line-height: 32px; letter-spacing: -0.6px; padding: 48px 48px 0 48px; display: flex; } .modal-header .close { color: var(--color-black87); opacity: 1; display: block; align-self: flex-start; margin-top: 5px; } .modal-body { padding: 24px 48px; font-size: 16px; line-height: 24px; color: var(--text-color-gray); } .modal .modal-title { display: block; flex-grow: 1; font-size: 24px; color: var(--text-color); font-weight: bold; letter-spacing: -0.6px; } .modal-footer { padding: 24px 48px 48px 48px; } .modal p { font-size: 15px; color: var(--color-black87); } /* full screen modal on small */ @media (max-width: 991px) { .modal{ padding: 0 !important; } .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; } .minimodal-btm { top: unset; margin: 0 16px 24px; border-radius: 24px; } .tg-box .a-skip { position: relative; right: unset; margin: 0; } .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; display: flex; flex-direction: column; } .modal-header { padding: 24px 24px 0 24px; } .modal-body { overflow: auto; flex: 1 1 auto; padding: 24px; } .modal-footer { padding: 12px 24px 24px 24px; } } /***************** Modal End ******************/ .loader-img { margin: 10px; height: 39px; } /*.mt-8 { margin-top: 8px; }*/ .mt-16 { margin-top: 16px !important; } .mt-24 { margin-top: 24px !important; } .mt-32 { margin-top: 32px; } .mt-54 { margin-top: 54px !important; } .mb-24 { margin-bottom: 24px; } @media (max-width: 991px) { .mt-8--sm { margin-top: 8px; } .mb-24--sm { margin-bottom: 24px; } } /* Material Icons */ .no-padding { padding: 0; } .w-50 { width:50% } .lh-24 { line-height: 24px !important } /* Youtube frame */ .yt-ratio-container { position: relative; padding-top: 56.25%; } .yt-ratio-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Youtube frame End */ /* Landing Page Markup */ .delivery_menthod_title { margin-left: 40px; padding-top: 25px; font-size: 24px; font-weight: 500; line-height: 23px; color: #000; } .webcust-table tr { border: 0px; } .webcust-table tr td { padding: 8px 12px; } .webcust-table tr td p { font-size: 16px; margin: 0; letter-spacing: normal; } .webcust-table tr:nth-child(even) { background-color: #fff; } .webcust-table tr:nth-child(odd) { background-color: #FAFAFA; } .webcust-table tr:first-child { background-color: #D26450; } .webcust-table tr:first-child td { padding: 8px 12px; } .webcust-table tr:first-child td p { font-weight: 600; color: #FFFFFF; margin: 0; letter-spacing: normal; } .link-list { font-size: 17px; line-height: 1.5; } .link-list li { list-style: disc; } .link-list li a { cursor: pointer; color: #D26450; } @font-face { font-family: 'icomoon'; src: url('icomoon/fonts/icomoon.eot?lzf7qg'); src: url('icomoon/fonts/icomoon.eot?lzf7qg#iefix') format('embedded-opentype'), url('icomoon/fonts/icomoon.ttf?lzf7qg') format('truetype'), url('icomoon/fonts/icomoon.woff?lzf7qg') format('woff'), url('icomoon/fonts/icomoon.svg?lzf7qg#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Tea:before { content: "\e900"; } .icon-Rocket:before { content: "\e901"; } .icon-Palm:before { content: "\e902"; } .icon-Coin:before { content: "\e903"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; content: ''; text-align: center; opacity: .25; background-color: #000000de; border-radius: 50%; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .CPV, .currency-CVE { background-image: url('../assets/CountryFlags/Flags-2x/CPV.png'); } .MWI, .currency-MWK { background-image: url('../assets/CountryFlags/Flags-2x/MWI.png'); } .NPL, .currency-NPR { background-image: url('../assets/CountryFlags/Flags-2x/NPL.png'); } .BFA { background-image: url('../assets/CountryFlags/Flags-2x/BFA.png'); } .LUX { background-image: url('../assets/CountryFlags/Flags-2x/LUX.png'); } .GMB, .currency-GMD { background-image: url('../assets/CountryFlags/Flags-2x/GMB.png'); } .CHE, .currency-CHF { background-image: url('../assets/CountryFlags/Flags-2x/CHE.png'); } .COD { background-image: url('../assets/CountryFlags/Flags-2x/COD.png'); } .NGA, .currency-NGN { background-image: url('../assets/CountryFlags/Flags-2x/NGA.png'); } .FJI, .currency-FJD { background-image: url('../assets/CountryFlags/Flags-2x/FJI.png'); } .AUS, .currency-AUD { background-image: url('../assets/CountryFlags/Flags-2x/AUS.png'); } .CAN, .currency-CAD { background-image: url('../assets/CountryFlags/Flags-2x/CAN.png'); } .NER { background-image: url('../assets/CountryFlags/Flags-2x/NER.png'); } .WOD { background-image: url('../assets/CountryFlags/Flags-2x/WOD.png'); } .QAT, .currency-QAR { background-image: url('../assets/CountryFlags/Flags-2x/QAT.png'); } .OMN, .currency-OMR { background-image: url('../assets/CountryFlags/Flags-2x/OMN.png'); } .KWT { background-image: url('../assets/CountryFlags/Flags-2x/KWT.png'); } .SDN { background-image: url('../assets/CountryFlags/Flags-2x/SDN.png'); } /********************** For the language selection icons */ .flag-icon { /*line-height: 26px!important;*/ width: 26px!important; } span.en { background-image: url('../assets/LanguageFlags/GBR@2x.png'); } span.so { background-image: url('../assets/LanguageFlags/sm.png'); } span.sv { background-image: url('../assets/LanguageFlags/sv.png'); } span.ar { background-image: url('../assets/LanguageFlags/ar.png'); } span.prs { background-image: url('../assets/CountryFlags/Flags-2x/AFG.png'); }