/* Minification failed. Returning unminified contents. (7797,9): run-time error CSS1026: Expected open brace, found ';' (7799,1): run-time error CSS1060: Expected closing curly-brace, found '{' (7809,1): run-time error CSS1019: Unexpected token, found '}' (7810,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7812,1): run-time error CSS1019: Unexpected token, found '"preloader"' (7812,13): run-time error CSS1019: Unexpected token, found '{' (7813,9): run-time error CSS1031: Expected selector, found ';' (7813,9): run-time error CSS1025: Expected comma or open brace, found ';' (7815,1): run-time error CSS1019: Unexpected token, found '{' (7816,13): run-time error CSS1030: Expected identifier, found ' ' (7816,14): run-time error CSS1031: Expected selector, found '1' (7816,14): run-time error CSS1025: Expected comma or open brace, found '1' (7817,15): run-time error CSS1030: Expected identifier, found ' ' (7817,16): run-time error CSS1031: Expected selector, found 'scale(' (7817,16): run-time error CSS1025: Expected comma or open brace, found 'scale(' (7818,1): run-time error CSS1019: Unexpected token, found '}' (7825,1): run-time error CSS1019: Unexpected token, found '}' (8171,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8173,1): run-time error CSS1019: Unexpected token, found '"preloader"' (8173,13): run-time error CSS1019: Unexpected token, found '{' (8174,9): run-time error CSS1031: Expected selector, found ';' (8174,9): run-time error CSS1025: Expected comma or open brace, found ';' (8176,1): run-time error CSS1019: Unexpected token, found '{' (8177,13): run-time error CSS1030: Expected identifier, found ' ' (8177,14): run-time error CSS1031: Expected selector, found '1' (8177,14): run-time error CSS1025: Expected comma or open brace, found '1' (8178,23): run-time error CSS1030: Expected identifier, found ' ' (8178,24): run-time error CSS1031: Expected selector, found 'scale(' (8178,24): run-time error CSS1025: Expected comma or open brace, found 'scale(' (8179,1): run-time error CSS1019: Unexpected token, found '}' (8186,1): run-time error CSS1019: Unexpected token, found '}' (8187,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8189,1): run-time error CSS1019: Unexpected token, found '"preloader"' (8189,13): run-time error CSS1019: Unexpected token, found '{' (8190,9): run-time error CSS1031: Expected selector, found ';' (8190,9): run-time error CSS1025: Expected comma or open brace, found ';' (8192,1): run-time error CSS1019: Unexpected token, found '{' (8193,13): run-time error CSS1030: Expected identifier, found ' ' (8193,14): run-time error CSS1031: Expected selector, found '1' (8193,14): run-time error CSS1025: Expected comma or open brace, found '1' (8194,15): run-time error CSS1030: Expected identifier, found ' ' (8194,16): run-time error CSS1031: Expected selector, found 'scale(' (8194,16): run-time error CSS1025: Expected comma or open brace, found 'scale(' (8195,1): run-time error CSS1019: Unexpected token, found '}' (8202,1): run-time error CSS1019: Unexpected token, found '}' (8491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8493,1): run-time error CSS1019: Unexpected token, found '"preloader"' (8493,13): run-time error CSS1019: Unexpected token, found '{' (8494,9): run-time error CSS1031: Expected selector, found ';' (8494,9): run-time error CSS1025: Expected comma or open brace, found ';' (8496,1): run-time error CSS1019: Unexpected token, found '{' (8497,13): run-time error CSS1030: Expected identifier, found ' ' (8497,14): run-time error CSS1031: Expected selector, found '1' (8497,14): run-time error CSS1025: Expected comma or open brace, found '1' (8498,23): run-time error CSS1030: Expected identifier, found ' ' (8498,24): run-time error CSS1031: Expected selector, found 'scale(' (8498,24): run-time error CSS1025: Expected comma or open brace, found 'scale(' (8499,1): run-time error CSS1019: Unexpected token, found '}' (8506,1): run-time error CSS1019: Unexpected token, found '}' (8507,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8509,1): run-time error CSS1019: Unexpected token, found '"preloader"' (8509,13): run-time error CSS1019: Unexpected token, found '{' (8510,9): run-time error CSS1031: Expected selector, found ';' (8510,9): run-time error CSS1025: Expected comma or open brace, found ';' (8512,1): run-time error CSS1019: Unexpected token, found '{' (8513,13): run-time error CSS1030: Expected identifier, found ' ' (8513,14): run-time error CSS1031: Expected selector, found '1' (8513,14): run-time error CSS1025: Expected comma or open brace, found '1' (8514,15): run-time error CSS1030: Expected identifier, found ' ' (8514,16): run-time error CSS1031: Expected selector, found 'scale(' (8514,16): run-time error CSS1025: Expected comma or open brace, found 'scale(' (8515,1): run-time error CSS1019: Unexpected token, found '}' (8522,1): run-time error CSS1019: Unexpected token, found '}' (16826,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16827,7): run-time error CSS1035: Expected colon, found '{' (16830,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16831,7): run-time error CSS1035: Expected colon, found '{' (16834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16839,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18510,1307): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18510,1334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18510,1455): run-time error CSS1019: Unexpected token, found '@keyframes' (18510,1474): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19237,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20016,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20017,9): run-time error CSS1035: Expected colon, found ',' (20044,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20045,9): run-time error CSS1035: Expected colon, found ',' (20079,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20080,9): run-time error CSS1035: Expected colon, found ',' (20089,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20090,9): run-time error CSS1035: Expected colon, found ',' (20106,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20107,10): run-time error CSS1035: Expected colon, found '{' (20123,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20124,10): run-time error CSS1035: Expected colon, found '{' (20145,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20146,10): run-time error CSS1035: Expected colon, found '{' (20182,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20183,10): run-time error CSS1035: Expected colon, found '{' (20224,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20225,9): run-time error CSS1035: Expected colon, found ',' (20241,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20242,9): run-time error CSS1035: Expected colon, found ',' (20263,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (20290,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (20324,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20325,10): run-time error CSS1035: Expected colon, found '{' (20351,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20352,10): run-time error CSS1035: Expected colon, found '{' (20385,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20386,10): run-time error CSS1035: Expected colon, found '{' (20422,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20423,10): run-time error CSS1035: Expected colon, found '{' (20464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20465,9): run-time error CSS1035: Expected colon, found ',' (20506,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20507,9): run-time error CSS1035: Expected colon, found ',' (20555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20556,9): run-time error CSS1035: Expected colon, found ',' (20595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20596,9): run-time error CSS1035: Expected colon, found ',' (20640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20641,9): run-time error CSS1035: Expected colon, found ',' (20674,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20675,9): run-time error CSS1035: Expected colon, found ',' (20713,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20714,9): run-time error CSS1035: Expected colon, found ',' (20747,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20748,9): run-time error CSS1035: Expected colon, found ',' (20786,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20787,9): run-time error CSS1035: Expected colon, found ',' (20820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20821,9): run-time error CSS1035: Expected colon, found ',' (20859,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20860,9): run-time error CSS1035: Expected colon, found ',' (20893,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20894,9): run-time error CSS1035: Expected colon, found ',' (20932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (20951,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (20975,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (20994,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21018,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21032,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21051,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21065,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21084,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21103,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (21127,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21128,10): run-time error CSS1035: Expected colon, found '{' (21137,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21138,10): run-time error CSS1035: Expected colon, found '{' (21152,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21153,10): run-time error CSS1035: Expected colon, found '{' (21166,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21167,10): run-time error CSS1035: Expected colon, found '{' (21185,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21186,10): run-time error CSS1035: Expected colon, found '{' (21199,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21200,10): run-time error CSS1035: Expected colon, found '{' (21218,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21219,10): run-time error CSS1035: Expected colon, found '{' (21232,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21233,10): run-time error CSS1035: Expected colon, found '{' (21251,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21252,10): run-time error CSS1035: Expected colon, found '{' (21265,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21266,10): run-time error CSS1035: Expected colon, found '{' (21284,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21285,10): run-time error CSS1035: Expected colon, found '{' (21298,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21299,10): run-time error CSS1035: Expected colon, found '{' (21317,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21318,10): run-time error CSS1035: Expected colon, found '{' (21331,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21332,10): run-time error CSS1035: Expected colon, found '{' (21350,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21351,10): run-time error CSS1035: Expected colon, found '{' (21364,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21365,10): run-time error CSS1035: Expected colon, found '{' (21383,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21384,10): run-time error CSS1035: Expected colon, found '{' (21397,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21398,10): run-time error CSS1035: Expected colon, found '{' (21416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21417,10): run-time error CSS1035: Expected colon, found '{' (21426,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21427,10): run-time error CSS1035: Expected colon, found '{' (21441,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21442,10): run-time error CSS1035: Expected colon, found '{' (21453,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21454,10): run-time error CSS1035: Expected colon, found '{' (21470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21471,10): run-time error CSS1035: Expected colon, found '{' (21482,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21483,10): run-time error CSS1035: Expected colon, found '{' (21499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21500,10): run-time error CSS1035: Expected colon, found '{' (21511,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21512,10): run-time error CSS1035: Expected colon, found '{' (21528,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21529,10): run-time error CSS1035: Expected colon, found '{' (21540,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21541,10): run-time error CSS1035: Expected colon, found '{' (21557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21558,10): run-time error CSS1035: Expected colon, found '{' (21569,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21570,10): run-time error CSS1035: Expected colon, found '{' (21586,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21587,10): run-time error CSS1035: Expected colon, found '{' (21598,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21599,10): run-time error CSS1035: Expected colon, found '{' (21615,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21616,10): run-time error CSS1035: Expected colon, found '{' (21627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21628,10): run-time error CSS1035: Expected colon, found '{' (21644,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21645,10): run-time error CSS1035: Expected colon, found '{' (21656,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21657,10): run-time error CSS1035: Expected colon, found '{' (21673,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21674,10): run-time error CSS1035: Expected colon, found '{' (21710,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21711,10): run-time error CSS1035: Expected colon, found '{' (21754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21755,10): run-time error CSS1035: Expected colon, found '{' (21787,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21788,10): run-time error CSS1035: Expected colon, found '{' (21827,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21828,10): run-time error CSS1035: Expected colon, found '{' (21860,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21861,10): run-time error CSS1035: Expected colon, found '{' (21900,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21901,10): run-time error CSS1035: Expected colon, found '{' (21919,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21920,10): run-time error CSS1035: Expected colon, found '{' (21945,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21946,10): run-time error CSS1035: Expected colon, found '{' (21964,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21965,10): run-time error CSS1035: Expected colon, found '{' (21990,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21991,10): run-time error CSS1035: Expected colon, found '{' (22016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22017,10): run-time error CSS1035: Expected colon, found '{' (22049,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22050,10): run-time error CSS1035: Expected colon, found '{' (22061,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22062,10): run-time error CSS1035: Expected colon, found '{' (22080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22081,10): run-time error CSS1035: Expected colon, found '{' (22098,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22099,10): run-time error CSS1035: Expected colon, found '{' (22121,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22122,10): run-time error CSS1035: Expected colon, found '{' (22139,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22140,10): run-time error CSS1035: Expected colon, found '{' (22162,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22163,10): run-time error CSS1035: Expected colon, found '{' (22180,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22181,10): run-time error CSS1035: Expected colon, found '{' (22203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22204,10): run-time error CSS1035: Expected colon, found '{' (22221,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22222,10): run-time error CSS1035: Expected colon, found '{' (22244,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22245,10): run-time error CSS1035: Expected colon, found '{' (22262,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22263,10): run-time error CSS1035: Expected colon, found '{' (22285,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22286,10): run-time error CSS1035: Expected colon, found '{' (22301,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22302,10): run-time error CSS1035: Expected colon, found '{' (22322,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22323,10): run-time error CSS1035: Expected colon, found '{' (22338,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22339,10): run-time error CSS1035: Expected colon, found '{' (22359,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22360,10): run-time error CSS1035: Expected colon, found '{' (22375,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22376,10): run-time error CSS1035: Expected colon, found '{' (22396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22397,10): run-time error CSS1035: Expected colon, found '{' (22412,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22413,10): run-time error CSS1035: Expected colon, found '{' (22433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22434,10): run-time error CSS1035: Expected colon, found '{' (22449,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22450,10): run-time error CSS1035: Expected colon, found '{' (22470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22504,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22546,10): run-time error CSS1035: Expected colon, found '{' (22559,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22560,10): run-time error CSS1035: Expected colon, found '{' (22580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22581,10): run-time error CSS1035: Expected colon, found '{' (22592,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22593,10): run-time error CSS1035: Expected colon, found '{' (22609,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22610,10): run-time error CSS1035: Expected colon, found '{' (22621,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22622,10): run-time error CSS1035: Expected colon, found '{' (22638,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22639,10): run-time error CSS1035: Expected colon, found '{' (22656,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22657,10): run-time error CSS1035: Expected colon, found '{' (22679,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22680,10): run-time error CSS1035: Expected colon, found '{' (22697,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22698,10): run-time error CSS1035: Expected colon, found '{' (22720,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22721,10): run-time error CSS1035: Expected colon, found '{' (22738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22739,10): run-time error CSS1035: Expected colon, found '{' (22761,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22762,10): run-time error CSS1035: Expected colon, found '{' (22779,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22780,10): run-time error CSS1035: Expected colon, found '{' (22802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22803,10): run-time error CSS1035: Expected colon, found '{' (22818,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22819,10): run-time error CSS1035: Expected colon, found '{' (22839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22859,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22900,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (22978,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (23003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23004,10): run-time error CSS1035: Expected colon, found '{' (23016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23017,10): run-time error CSS1035: Expected colon, found '{' (23034,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23035,10): run-time error CSS1035: Expected colon, found '{' (23047,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23048,10): run-time error CSS1035: Expected colon, found '{' (23065,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23066,10): run-time error CSS1035: Expected colon, found '{' (23078,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23079,10): run-time error CSS1035: Expected colon, found '{' (23096,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23097,10): run-time error CSS1035: Expected colon, found '{' (23109,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23110,10): run-time error CSS1035: Expected colon, found '{' (23127,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23128,10): run-time error CSS1035: Expected colon, found '{' (23140,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23141,10): run-time error CSS1035: Expected colon, found '{' (23158,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23159,10): run-time error CSS1035: Expected colon, found '{' (23171,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23172,10): run-time error CSS1035: Expected colon, found '{' (23189,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23190,10): run-time error CSS1035: Expected colon, found '{' (23202,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23203,10): run-time error CSS1035: Expected colon, found '{' (23220,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23221,10): run-time error CSS1035: Expected colon, found '{' (23233,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23234,10): run-time error CSS1035: Expected colon, found '{' (23253,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23270,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24623,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24636,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24637,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { font-size: 62.5%; } html, body { max-width: 100%; } body { padding: 0; margin: 0; background: #ffffff; color: #666666; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 1.4rem; line-height: 1; overflow-x: hidden !important; overflow-y: scroll; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-fade-reset { opacity: 1; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -o-transition-duration: 0ms; -ms-transition-duration: 0ms; transition-duration: 0ms; } .page-fade-out { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; -webkit-backface-visibility: hidden; } .wrapper { width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; } .wrapper-inner { max-width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; } body.boxed .wrapper-inner { max-width: 114rem; } .aux-navigation-active .wrapper { position: relative; } .mobile.aux-navigation-active .wrapper { position: fixed; } .row { width: 100%; max-width: 114rem; margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; } .ie-browser .row { max-width: 1140px; } .row.full-width { max-width: 100%; } .row .row { width: auto; margin-right: -1.5rem; margin-left: -1.5rem; } .row:before, .row:after { content: "."; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } .column, [class*="content-grid"] .grid-item { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; float: left; } .column > *:first-child { margin-top: 0; } .row.collapse .column { padding-left: 0; padding-right: 0; } .row.small { padding: 3rem 0; } .row.medium { padding: 5rem 0; } .row.large { padding: 7rem 0; } .row.xlarge { padding: 9rem 0; } .width-1 { width: 8.33333%; } .width-2 { width: 16.66667%; } .width-3 { width: 25%; } .width-4 { width: 33.33333%; } .width-5 { width: 41.66667%; } .width-6 { width: 50%; } .width-7 { width: 58.33333%; } .width-8 { width: 66.66667%; } .width-9 { width: 75%; } .width-10 { width: 83.33333%; } .width-11 { width: 91.66667%; } .width-12 { width: 100%; } .column[class*='push-'], .column[class*='pull-'] { position: relative; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } .alpha { padding-left: 0; } .omega { padding-right: 0; } .clear { width: 0; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { height: 0; content: "."; display: block; overflow: hidden; } .clearfix:after, .row:after { clear: both; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .pull-left { float: left !important; } .pull-right { float: right !important; } .v-align-bottom { vertical-align: bottom !important; } .v-align-top { vertical-align: top !important; } .v-align-top .background-on-mobile { margin-top: -2rem; } .v-align-bottom .background-on-mobile { margin-bottom: -2rem; } .hide { display: none !important; visibility: hidden; } .show { display: block !important; } .mobile .hide-on-mobile, .mobile .hide-on-mobile * { display: none !important; } .inline, [class*="border-"].inline, [class*="bkg-"].inline { width: auto !important; display: inline-block !important; } .no-margins { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-padding { padding: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-left { padding-left: 0 !important; } .overflow-visible { overflow: visible !important; } .prototype { font-size: 1.1rem; line-height: 3.5rem; } .row.prototype .column:nth-child(odd) { background: #f9f9f9; } .row.prototype .column:nth-child(even) { background: #eee; } .nav-bar { width: 100%; min-height: 5rem; } .nav-bar-inner { position: relative; } .nav-bar .logo { height: 5rem; line-height: 5rem; float: left; } .nav-bar .logo.logo-center { float: none; margin: 0 auto; } .navigation .navigation.nav-left { float: left; } .navigation.nav-right { float: right !important; } .navigation.nav-center { float: none !important; display: block; } .nav-bar .dropdown .button { width: auto; } .navigation ul, .nav-bar .dropdown-list { padding: 0; margin: 0; list-style: none; } .navigation.nav-center > ul { text-align: center; } .navigation ul li { margin: 0; float: left; position: relative; } .navigation ul li.contains-mega-sub-menu { position: inherit; } .navigation.nav-center > ul > li { margin-left: -0.4rem; float: none; display: inline-block; vertical-align: top; } .navigation .sub-menu, .nav-bar .dropdown-list { width: 18rem; text-align: left; background: #222222; background: rgba(34,34,34,1); box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3); border: none; border-radius: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 101; } .nav-bar .dropdown-list.custom-content { width: auto; min-width: 25rem; padding: 2rem; } .navigation > ul > li:last-child > .sub-menu, .nav-bar .dropdown.pull-right .dropdown-list { right: 0; } .navigation .sub-menu ul { top: 0; left: 18rem; } .navigation > ul > li:last-child > .sub-menu ul { right: 18rem; left: auto; } .navigation .sub-menu li, .nav-bar .dropdown-list li { background: none; border-bottom: 1px solid #303030; float: none; } .navigation ul li a, .nav-bar .dropdown-list li a { padding: 0 1.5rem; font-size: 1.1rem; color: #878787; text-decoration: none; display: block; word-wrap: break-word; } .navigation > ul > li > a { background-color: rgba(0,0,0,0); line-height: 5rem; } .navigation ul li:hover > a, .nav-bar .dropdown-list li a { background: none; color: #ffffff; } .navigation .sub-menu li a, .nav-bar .dropdown-list li a { padding: 1.2rem 1.5rem; line-height: 1.8; color: #666666; } .navigation .sub-menu li:last-child, .nav-bar .dropdown-list li:last-child { border: none; } .navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after, .navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after, .navigation .sub-menu li.contains-sub-menu > a:after { font-family: 'icomoon'; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; display: inline-block; position: absolute; } .navigation.sub-menu-indicator > ul > li.contains-sub-menu, .navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu { padding-right: 1.2rem; } .navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after, .navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after { margin-left: 0.5rem; content: "\e63e"; } .navigation .sub-menu li.contains-sub-menu > a { padding-right: 2.2rem; } .navigation .sub-menu li.contains-sub-menu > a:after { right: 0.8rem; content: "\e640"; } .navigation .sub-menu li:hover > a, .nav-bar .dropdown-list li:hover a { color: #ffffff; } .navigation ul li:hover > .sub-menu { visibility: visible; opacity: 1; } .navigation ul li.current > a { color: #ffffff; } .navigation ul li.current > a:hover { color: #ffffff; } .navigation .mega-sub-menu { padding: 2rem 0; background: #222222; background: rgba(34,34,34,1); box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3); opacity: 0; visibility: hidden; display: block; position: absolute; left: 1.5rem; right: 1.5rem; z-index: 101; } .navigation .mega-sub-menu > li { width: 33.33333%; padding: 0 2rem; text-align: left; float: left; border-right: 1px solid #303030; } .navigation .mega-sub-menu > li > a { background: none; font-weight: bold; } .navigation .mega-sub-menu > li:hover > a { background: none; } .navigation .mega-sub-menu > li:last-child { border-right: none; } .navigation .mega-sub-menu > li > a { padding: 0rem 1.5rem 0.7rem 1.5rem; font-size: 1.2rem; line-height: 1.8; text-transform: uppercase; } .navigation .mega-sub-menu ul li p { padding: 0rem 1.5rem 0.7rem 1.5rem; font-size: 1.2rem; margin-bottom: 0; } .navigation .mega-sub-menu ul li a { padding: 0.6rem 1.5rem; line-height: 1.8; color: #666666; } .navigation .mega-sub-menu ul li.current > a { color: #ffffff; } .navigation .mega-sub-menu ul li:hover > a { background: #333333; color: #ffffff; } .navigation .mega-sub-menu li ul > li { float: none; } .navigation .mega-sub-menu li.content-column ul li { padding: 0.6rem 1.5rem; } .navigation .mega-sub-menu li.content-column ul li a { padding: 0; } .navigation ul li:hover > .mega-sub-menu { visibility: visible; opacity: 1; } .navigation .sub-menu, .navigation .mega-sub-menu { -webkit-transition-property: -webkit-transform, opacity, visibility, border-color; -moz-transition-property: -moz-transform, opacity, visibility, border-color; -o-transition-property: -o-transform, opacity, visibility, border-color; transition-property: transform, opacity, visibility, border-color; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } .navigation ul li a { -webkit-transition-property: background, color, line-height; -moz-transition-property: background, color, line-height; -o-transition-property: background, color, line-height; transition-property: background, color, line-height; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .mobile .logo.logo-center { margin-left: -2.5rem; float: left; position: relative; left: 50%; } .mobile header .navigation { display: none !important; } .mobile .navigation-show { display: block; } .navigation-show, .navigation-hide { width: 4.4rem; height: 4.4rem; text-align: center; float: right; } .navigation-show a, .navigation-hide a { height: 4.4rem; text-align: center; display: block; } .navigation-show span, .navigation-hide span { width: 100%; line-height: 4.4rem; } .navigation-show { display: none; float: right; } .navigation-show a { color: #666666; } .navigation-show a:hover { color: #fff; } .navigation-hide { position: relative; z-index: 10; } .navigation-hide a { color: #666666; } .navigation-hide a:hover { color: #fff; } .side-navigation-wrapper { width: 35rem; min-height: 100%; padding: 0; background: #292929; box-shadow: inset -7px 0 9px -7px rgba( 0, 0, 0, 0.6 ); position: fixed; left: 0; right: auto; z-index: 102; -webkit-transform: translate3d(-35rem,0,0); -moz-transform: translate3d(-35rem,0,0); -ms-transform: translate3d(-35rem,0,0); -o-transform: translate3d(-35rem,0,0); transform: translate3d(-35rem,0,0); } .side-navigation-wrapper.enter-right { text-align: left; box-shadow: inset 7px 0 9px -7px rgba( 0, 0, 0, 0.6 ); right: 0; left: auto; -webkit-transform: translate3d(35rem,0,0); -moz-transform: translate3d(35rem,0,0); -ms-transform: translate3d(35rem,0,0); -o-transform: translate3d(35rem,0,0); transform: translate3d(35rem,0,0); } .side-navigation-wrapper.active { -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); } .element-reveal-left { -webkit-transform: translate3d(35rem,0,0); -moz-transform: translate3d(35rem,0,0); -ms-transform: translate3d(35rem,0,0); -o-transform: translate3d(35rem,0,0); transform: translate3d(35rem,0,0); } .element-reveal-right { -webkit-transform: translate3d(-35rem,0,0); -moz-transform: translate3d(-35rem,0,0); -ms-transform: translate3d(-35rem,0,0); -o-transform: translate3d(-35rem,0,0); transform: translate3d(-35rem,0,0); } .side-navigation-wrapper, .reveal-side-navigation { -webkit-transition-property: -webkit-transform, visibility; -moz-transition-property: -moz-transform, visibility; -ms-transition-property: -ms-transform, visibility; -o-transition-property: -o-transform, visibility; transition-property: transform, visibility; } .element-reveal-left, .element-reveal-right { position: relative; } .mobile .side-navigation-wrapper { visibility: hidden; } .mobile .side-navigation-wrapper.active { visibility: visible; } .side-navigation-wrapper.hide { visibility: hidden; left: -35rem; } .side-navigation-wrapper.enter-right.hide { right: -35rem; } .element-show-left { left: 35rem; } .element-show-right { left: -35rem; } .element-show-left, .element-show-right { position: relative !important; } .side-navigation { width: 100%; height: 100%; } .side-navigation:before, .side-navigation:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; } .side-navigation ul { padding: 0; margin: 0; list-style: none; } .side-navigation ul li { width: 100%; display: block; margin-bottom: 0; } .side-navigation ul li a { font-size: 1.2rem; line-height: 1; color: #999999; text-decoration: none; display: block; padding: 1.3rem 4rem; word-wrap: break-word; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .side-navigation ul li a:hover { color: #ffffff; } .side-navigation .sub-menu a { padding: 1.1rem 4rem 1.1rem 5.5rem; color: #666666; } .side-navigation.center .sub-menu a { padding: 1.1rem 4rem 1.1rem 4rem; } .side-navigation .sub-menu .sub-menu a { padding-left: 7rem; } .side-navigation ul li:hover > .sub-menu { opacity: 1; } .side-navigation ul li.current > a { color: #ffffff; font-weight: bold; } .side-navigation ul li.current > a:hover { color: #ffffff; } .content-side-navigation-screen { width: 100%; height: 100%; display: block; background: rgba( 0, 0, 0, 0.2 ); position: absolute; top: 0; left: 0; z-index: 101; } .side-navigation .sub-menu { overflow: hidden; } .side-navigation .sub-menu { height: 0; -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .mobile .side-navigation-wrapper.active { position: absolute; } .overlay-navigation-wrapper { width: 100%; height: 100%; min-height: 100%; background-color: rgba( 0, 0, 0, 0.8 ); visibility: hidden; opacity: 0; display: table; position: fixed; top: -100%; z-index: 101; -webkit-transition-property: height, opacity, visibility; -moz-transition-property: height, opacity, visibility; -ms-transition-property: height, opacity, visibility; -o-transition-property: height, opacity, visibility; transition-property: height, opacity, visibility; } .overlay-navigation-wrapper.active { opacity: 1; visibility: visible; } .overlay-navigation-inner { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; } .overlay-navigation { max-width: 30rem; margin-left: auto; margin-right: auto; } .overlay-navigation:before, .overlay-navigation:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; } .overlay-navigation ul { padding: 0; margin: 0; list-style: none; } .overlay-navigation ul li { width: 100%; display: block; margin-bottom: 0; } .overlay-navigation ul li a { font-size: 1.2rem; line-height: 1.5; color: #878787; text-decoration: none; display: block; padding: 0.6rem 0; word-wrap: break-word; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .overlay-navigation > ul > li > a { font-size: 1.8rem; line-height: 1.5; font-weight: bold; } .overlay-navigation ul li a:hover { color: #ffffff; } .overlay-navigation .sub-menu a { padding-left: 0; color: #666666; } .overlay-navigation .sub-menu .sub-menu a { padding-left: 7rem; } .overlay-navigation ul li:hover > .sub-menu { opacity: 1; } .overlay-navigation ul li.current > a { color: #ffffff; font-weight: bold; } .overlay-navigation ul li.current > a:hover { color: #ffffff; } .overlay-navigation .sub-menu { overflow: hidden; } .overlay-navigation .sub-menu { height: 0; -webkit-transition-property: height, border-color; -moz-transition-property: height, border-color; -o-transition-property: height, border-color; transition-property: height, border-color; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .mobile .overlay-navigation-wrapper { position: absolute; } img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; border: none; outline: none; } img.pull-left, .thumbnail.pull-left { margin: 0 1.5rem 1rem 0; } img.pull-right, .thumbnail.pull-right { margin: 0 0 1.5rem 1rem; } .thumbnail { margin-bottom: 3rem; position: relative; overflow: hidden; } .thumbnail.rounded, img.rounded { border-radius: 50%; } .thumbnail > span, .thumbnail > a { width: 100%; height: 100%; float: left; } .caption-below { width: 100%; padding: 1rem 1.5rem; font-size: 1.2rem; font-style: italic; border: 1px solid #eeeeee; float: left; } .thumbnail .caption-over-outer { width: 100%; height: 100%; padding: 2rem; display: table; opacity: 0; position: absolute; bottom: 0; z-index: 2; } .thumbnail .caption-over-inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .thumbnail .caption-over-inner *:first-child { margin-top: 0; } .thumbnail .caption-over-inner *:last-child { margin-bottom: 0; } .thumbnail > span, .thumbnail > a { width: 100%; height: 100%; display: block; outline: none; border: none; overflow: hidden; position: relative; top: 0; left: 0; } .overlay-info { width: 100%; height: 100%; padding: 0; margin: 0; color: #fff; border: none; background: #000; background: rgba(0,0,0,0.5); text-align: center; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; } a.overlay-info:hover { color: #fff; } .overlay-info > span { width: 100%; height: 100%; padding: 1.5rem; font-size: 1.2rem; font-style: normal; display: table; } .overlay-info > span > span { display: table-cell; text-align: center; vertical-align: middle; } .fill-background { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .overlay-info.left > span > span { text-align: left; } .overlay-info.right > span > span { text-align: right; } .thumbnail .caption-over-inner.v-align-top, .overlay-info.v-align-top > span > span { vertical-align: top; } .thumbnail .caption-over-inner.v-align-bottom, .overlay-info.v-align-bottom > span > span { vertical-align: bottom; } .thumbnail .overlay-info { width: 100.1%; line-height: 1; opacity: 0; } .thumbnail:hover .overlay-info { opacity: 1; } .thumbnail .overlay-info, .thumbnail img { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; } .thumbnail:hover .overlay-info, .thumbnail:hover img { -webkit-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1); -moz-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1); -ms-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1); -o-transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1); transform: translate3d(0,0,0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1); } .overlay-fade-out .overlay-info, .overlay-fade-img-scale-in .overlay-info, .overlay-fade-img-scale-out .overlay-info { opacity: 1; } .overlay-fade-out:hover .overlay-info, .overlay-fade-img-scale-in:hover .overlay-info, .overlay-fade-img-scale-out:hover .overlay-info { opacity: 0; } .overlay-slide-in-top .overlay-info { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .overlay-slide-in-right .overlay-info { opacity: 0; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .overlay-slide-in-bottom .overlay-info { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .overlay-slide-in-left .overlay-info { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .overlay-scale-in .overlay-info { opacity: 0; -webkit-transform: scale3d(0.1,0.1,1); -moz-transform: scale3d(0.1,0.1,1); -ms-transform: scale3d(0.1,0.1,1); -o-transform: scale3d(0.1,0.1,1); transform: scale3d(0.1,0.1,1); } .overlay-rotate-in .overlay-info { opacity: 0; -webkit-transform: rotate3d(0.1, 0.1, 1, -180deg); -moz-transform: rotate3d(0.1, 0.1, 1, -180deg); -ms-transform: rotate3d(0.1, 0.1, 1, -180deg); -o-transform: rotate3d(0.1, 0.1, 1, -180deg); transform: rotate3d(0.1, 0.1, 1, -180deg); } .overlay-img-slide-right .overlay-info { opacity: 1; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .overlay-img-slide-right:hover img { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .overlay-img-slide-left .overlay-info { opacity: 1; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .overlay-img-slide-left:hover img { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .overlay-img-slide-down .overlay-info { opacity: 1; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .overlay-img-slide-down:hover img { -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .overlay-img-slide-up .overlay-info { opacity: 1; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .overlay-img-slide-up:hover img { -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .img-scale-in:hover img, .img-scale-out img, .overlay-fade-img-scale-out img, .overlay-fade-img-scale-in:hover img, .overlay-img-scale-in:hover img { opacity: 1; -webkit-transform: scale3d(1.2,1.2,1); -moz-transform: scale3d(1.2,1.2,1); -ms-transform: scale3d(1.2,1.2,1); -o-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1); } .overlay-img-scale-in .overlay-info { -webkit-transform: scale3d(0.4,0.4,1); -moz-transform: scale3d(0.4,0.4,1); -ms-transform: scale3d(0.4,0.4,1); -o-transform: scale3d(0.4,0.4,1); transform: scale3d(0.4,0.4,1); } [class*="content-grid"] .grid-item { margin: 0 0 3rem; float: left; } [class*="content-grid"] .thumbnail { float: none; } .content-grid-1 .grid-item { width: 100%; } .content-grid-2 .grid-item { width: 50%; } .content-grid-3 .grid-item { width: 33.33333%; } .content-grid-4 .grid-item { width: 24.5%; } .content-grid-5 .grid-item { width: 20%; } .content-grid-6 .grid-item { width: 16.66667%; } [class*="content-grid-"].no-margins, .row [class*="content-grid-"].no-margins { margin-right: 0 !important; margin-left: 0 !important; } [class*="content-grid-"].no-margins .grid-item { padding: 0 !important; margin: 0 !important; } .text-column { margin-bottom: 3rem; } .text-column > *:last-child { margin-bottom: 0; } .feature-column { margin-bottom: 3rem; } .feature-column > *:last-child { margin-bottom: 0; } .feature-column .feature-icon { font-size: 3rem; margin-bottom: 2rem; display: inline-block; position: relative; } .feature-column.left .feature-icon { float: left; } .feature-text.left { padding-left: 5rem; } .feature-column.right .feature-text { padding-right: 5rem; padding-left: 0; } .feature-text *:first-child { margin-top: 0; } .feature-column.small .feature-icon { font-size: 2rem; } .feature-column.left.small .feature-text { padding-left: 4rem; } .feature-column.left.small .icon-boxed, .feature-column.left.small .icon-circled { width: 5.8rem; height: 5.8rem; line-height: 5.8rem; } .feature-column.left.small .icon-boxed + .feature-text, .feature-column.left.small .icon-circled + .feature-text { padding-left: 9rem; } .feature-column.right.small .feature-text { padding-right: 4rem; padding-left: 0; } .feature-column.right.small .icon-boxed + .feature-text, .feature-column.right.small .icon-circled + .feature-text { padding-right: 9rem; padding-left: 0; } .feature-colum.mediumn .feature-icon { font-size: 3rem; } .feature-column.left.medium .feature-text { padding-left: 0rem; } .feature-column.medium .icon-boxed, .feature-column.medium .icon-circled { width: 6.6rem; height: 6.6rem; line-height: 6.6rem; } .feature-column.left .icon-boxed + .feature-text, .feature-column.left .icon-circled + .feature-text, .feature-column.left.medium .icon-boxed + .feature-text, .feature-column.left.medium .icon-circled + .feature-text { padding-left: 9.8rem; } .feature-column.right .icon-boxed + .feature-text, .feature-column.right .icon-circled + .feature-text, .feature-column.right.medium .icon-boxed + .feature-text, .feature-column.right.medium .icon-circled + .feature-text { padding-right: 9.8rem; padding-left: 0; } .feature-column.large .feature-icon { width: 7.4rem; height: 7.4rem; font-size: 4rem; line-height: 7.4rem; } .feature-column.left.large .feature-text { padding-left: 6rem; } .feature-column.large .icon-boxed, .feature-column.large .icon-circled { width: 7.4rem; height: 7.4rem; line-height: 7.4rem; } .feature-column.left.large .icon-boxed + .feature-text, .feature-column.left.large .icon-circled + .feature-text { padding-left: 10.6rem; } .feature-column.right.large .icon-boxed + .feature-text, .feature-column.right.large .icon-circled + .feature-text { padding-right: 10.6rem; padding-left: 0; } .feature-column.xlarge .feature-icon { font-size: 5rem; } .feature-column.left.xlarge .feature-text { padding-left: 7rem; } .feature-column.xlarge .icon-boxed, .feature-column.xlarge .icon-circled { width: 9rem; height: 9rem; line-height: 9rem; } .feature-column.left.xlarge .icon-boxed + .feature-text, .feature-column.left.xlarge .icon-circled + .feature-text { padding-left: 12.2rem; } .feature-column.right.xlarge .icon-boxed + .feature-text, .feature-column.right.xlarge .icon-circled + .feature-text { padding-right: 12.2rem; padding-left: 0; } .feature-column.right .feature-icon { float: right; margin: 0 auto 2rem auto; } .feature-column.center .feature-icon { display: inline-block; float: none; margin: 0 auto 2rem auto; } .feature-column.center .feature-icon + .feature-text { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 768px) { .feature-column.center-on-mobile .feature-icon { display: inline-block; float: none; margin: 0 auto 2rem auto; } .feature-column.center-on-mobile .feature-icon + .feature-text { padding-left: 0; padding-right: 0; } } input { line-height: normal !important; } input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="datetime"], input[type="month"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="password"], textarea { width: 100%; padding: 1.3rem 2.5rem; margin: 0 0 1.5rem 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus { outline: none; } .form-element, textarea { line-height: normal !important; background: #f9f9f9; color: #666666; border: 1px solid #eeeeee; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-element:focus, textarea:focus { background: #ffffff; color: #333333; border: 1px solid #cccccc; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2); } textarea { min-width: 10rem; min-height: 10rem; } .textarea-no-resize { resize: none; } label { margin-bottom: 0.8rem; color: #666; font-size: 1.2rem; display: block; } label.pull-left { margin-bottom: 0; margin-right: 1rem; padding: 1.4rem 0; line-height: normal; float: left; } label.pull-right { margin-bottom: 0; margin-left: 1rem; padding: 1.4rem 0; line-height: normal; float: left; } label.emphasized { color: #666; font-size: 1.2rem; font-weight: bold; } .form-element.rounded, textarea.rounded { border-radius: 0.3rem; } .form-element.pill { border-radius: 10.5rem; } .form-element.small { padding: 1rem 1.5rem; font-size: 1rem; } .form-element.medium { padding: 1.3rem 2.5rem; } .form-element.large { /*padding: 1.6rem 3rem;*/ font-size: 1.4rem; } .form-element.xlarge { padding: 1.9rem 3.5rem; font-size: 1.5rem; } div[contenteditable="true"] { background: #f9f9f9; color: #666666; border: 1px solid #eeeeee; } div[contenteditable="true"]:focus { background: #ffffff; color: #333333; border: 1px solid #cccccc; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.2); outline: none; } div[contenteditable="true"] { padding: 1.3rem 2.5rem; } div[contenteditable="true"].small { padding: 1rem 1.5rem; font-size: 1rem; } div[contenteditable="true"].medium { padding: 1.3rem 2.5rem; } div[contenteditable="true"].large { padding: 1.6rem 3rem; font-size: 1.4rem; } div[contenteditable="true"].xlarge { padding: 1.9rem 3.5rem; font-size: 1.5rem; } .button-group { margin-bottom: 3rem; } button, .button { padding: 1.3rem 2.5rem; margin: 0 0 1rem 0; font-family: inherit; font-size: 1.2rem; line-height: 1; color: #666666; background-color: #eeeeee; border: 1px solid #eeeeee; font-weight: normal; vertical-align: top; display: inline-block; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button:focus, .button:focus { outline: none; } button:hover, .button:hover { text-decoration: none; color: #666666; background-color: #d0d0d0; border-color: #d0d0d0; } button.small, .button.small { padding: 1rem 1.5rem; font-size: 1rem; } button.medium, .button.medium { padding: 1.3rem 2.5rem; font-size: 1.2rem; } button.large, .button.large { padding: 1.6rem 3rem; font-size: 1.4rem; } button.xlarge, .button.xlarge { padding: 1.9rem 3.5rem; font-size: 1.5rem; } button [class*="icon-"]:before, .button [class*="icon-"]:before { margin-left: 0; margin-right: 0.5rem; } input[type="submit"]::-moz-focus-inner { border: 0 !important; } button.rounded, .button.rounded { border-radius: 0.3rem; } button.pill, .button.pill { border-radius: 10.5rem; } button.shadow, .button.shadow { -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5); } button.hard-shadow, .button.hard-shadow { border-bottom: 3px solid rgba(0,0,0,.15); } button.disabled, .button.disabled { cursor: default; color: #cccccc; background-color: #f9f9f9; } button.disabled:hover, .button.disabled:hover { background-color: #f9f9f9; border-color: #eeeeee; } .button-nav { padding: 0; margin: 0; list-style: none; } .button-nav li { float: left; margin: 0 1px 0 0; } .button-nav li .button.rounded, .button-nav li button.rounded, .button-nav li .button.pill, .button-nav li button.pill { border-radius: 0; } .button-nav li:first-child .button.rounded, .button-nav li:first-child button.rounded, .button-nav.rounded li:first-child .button, .button-nav.rounded li:first-child button { border-radius: 0.3rem 0 0 0.3rem; } .button-nav li:last-child .button.rounded .button-nav li:last-child button.rounded, .button-nav.rounded li:last-child .button, .button-nav.rounded li:last-child button { border-radius: 0 0.3rem 0.3rem 0; } .button-nav li:first-child .button.pill, .button-nav li:first-child button.pill, .button-nav.pill li:first-child .button, .button-nav.pill li:first-child button { border-radius: 10.5rem 0 0 10.5rem; } .button-nav li:last-child .button.pill, .button-nav li:last-child button.pill, .button-nav.pill li:last-child .button, .button-nav.pill li:last-child button { border-radius: 0 10.5rem 10.5rem 0; } .button-nav.center li { margin-left: -0.3rem; display: inline-block; float: none; } .dropdown { position: relative; margin-bottom: 1rem; } .dropdown button, .dropdown .button { width: 100%; text-align: left; margin-bottom: 0; } .dropdown button [class*="icon-"], .dropdown .button [class*="icon-"] { display: initial; float: right; } .dropdown button [class*="icon-"]:before, .dropdown .button [class*="icon-"]:before { margin: 0 0 0 1rem; } .dropdown.disabled .button { cursor: default; } .dropdown.disabled button, .dropdown.disabled .button, .dropdown.disabled button:hover, .dropdown.disabled .button:hover { border-color: #ddd !important; background: #fff !important; color: #ddd !important; } .dropdown-list { width: 16rem; margin-top: 0.3rem; text-align: left; background: #fff; border: 1px solid #ddd; box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.3); border-radius: 0.3rem; opacity: 0; visibility: hidden; position: absolute; z-index: 101; -webkit-transition-property: -webkit-transform, opacity, visibility; -moz-transition-property: -moz-transform, opacity, visibility; -o-transition-property: -o-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } .dropdown-list li a { padding: 0.6rem 2.5rem; display: block; font-size: 1.2rem; color: #666; font-weight: normal; cursor: pointer; } .dropdown-list li a:hover { background: #f4f4f4; color: #333; text-decoration: none; } .dropdown-list li.current a { background: #f4f4f4; color: #666; } .dropdown-list.active { opacity: 1; visibility: visible; } .dropdown-list .list-header { padding: 0.6rem 2.5rem; font-size: 1.1rem; font-weight: bold; background: #ddd; } .dropdown.small .button, .dropdown.small button { padding: 1rem 1.5rem; } .dropdown.small .dropdown-list li a { padding: 0.4rem 1.5rem; } .dropdown.small .dropdown-list { width: 14rem; } .dropdown.medium .button, .dropdown.medium button { padding: 1.3rem 2.5rem; } .dropdown.medium .dropdown-list li a { padding: 0.6rem 2.5rem; } .dropdown.medium .dropdown-list { width: 16rem; } .dropdown.large .button, .dropdown.large button { padding: 1.6rem 3rem; } .dropdown.large .dropdown-list li a { padding: 0.9rem 3rem; } .dropdown.large .dropdown-list { width: 18rem; } .dropdown.xlarge .button, .dropdown.xlarge button { padding: 1.9rem 3.5rem; } .dropdown.xlarge .dropdown-list li a { padding: 1.2rem 3.5rem; } .dropdown.xlarge .dropdown-list { width: 20rem; } .dropdown.rounded .button, .dropdown.rounded button { border-radius: 0.3rem; } ul, ol { margin: 0 0 3rem 0; padding: 0; font-size: 1.4rem; line-height: 1.8; } ul { list-style: none; } ol { list-style: decimal inside; } ul.disc { list-style: disc inside; } ul.circle { list-style: circle inside; } ul.square { list-style: square inside; } ol.decimal-leading-zero { list-style: decimal-leading-zero inside; } ol.upper-roman { list-style: upper-roman inside; } ol.lower-alpha { list-style: lower-alpha inside; } ul ul, ul ol, ol ol, ol ul { margin: 0.3rem 0 0.3rem 2rem; list-style: inherit; } ul [class*="icon-"], ol [class*="icon-"] { margin-right: 1rem; } .list-group.solid, .list-group.dashed, .list-group-dotted { border: none; } .list-group li { padding: 1rem 0; border-bottom: 1px solid #eeeeee; } .list-group li li { border-top: 1px solid #eeeeee; } .list-group > li:first-child { padding-top: 0; } .list-group li li:last-child { padding-bottom: 0; } .list-group li:last-child { border-bottom: none; border-width: 0; } .list-group ul, .list-group ol { margin: 0; } .list-group.boxed li { padding: 1rem 2rem; } .list-group.boxed li li:last-child { padding: 1rem 2rem; border-top: 1px solid; } .list-group li ul { padding-top: 1rem; } .list-group[class*="border-"] li, .list-group[class*="border-"] li li, .list-group[class*="border-"] li ul { border-color: inherit !important; } .list-group li *:last-child { margin-bottom: 0; } .list-group.small li li { padding-left: 1.5rem; margin-top: 0; } .list-group.small li { padding: 0.7rem 0; } .list-groups.small ul, .list-group.small ol { margin-top: 0.7rem !important; } .list-group.boxed.small li, .list-groups.boxed.small li { padding: 0.7rem 1.5rem; } .list-group.medium li { padding: 1rem 0; } .list-groups.medium ul, .list-group.medium ol { margin-top: 1rem !important; } .list-group.boxed.medium li, .list-group.boxed.medium li { padding: 1rem 2rem; } .list-group.large li { padding: 1.3rem 0; } .list-groups.large ul, .list-group.large ol { margin-top: 1.3rem !important; } .list-group.boxed.large li, .list-group.boxed.large li { padding: 1.3rem 2.5rem; } .list-group.xlarge li { padding: 1.6rem 0; } .list-groups.xlarge ul, .list-group.xlarge ol { margin-top: 1.6rem !important; } .list-group.boxed.xlarge li, .list-group.boxed.xlarge li { padding: 1.6rem 3rem; } .list-group.dotted li { border-bottom-style: dotted; } .list-group.dotted li li { border-top-style: dotted; } .list-group.dashed li { border-bottom-style: dashed; } .list-group.dashed li li { border-top-style: dashed; } .list-group.thick li { border-bottom-width: 0.2rem; } .list-group.thick li li { border-top-width: 0.2rem; } .list-group:not(.boxed) li:last-child { border-bottom: none; padding-bottom: 0 !important; } .list-group li li:last-child { border-top: none; } .list-group.boxed li { border: 1px solid; border-bottom: none; } .list-group.boxed li:last-child { border-bottom: 1px solid; } .list-group.boxed.dotted li { border-style: dotted; border-bottom: none; } .list-group.boxed.dotted li:last-child { border-bottom: 1px dotted; } .list-group.boxed.dotted li li:last-child { border-top-style: dotted; } .list-group.boxed.dashed li { border-style: dashed; border-bottom: none; } .list-group.boxed.dashed li:last-child { border-bottom: 1px dashed; } .list-group.boxed.dashed li li:last-child { border-top-style: dashed; } .list-group.boxed.thick li, .list-group.boxed.thick li:last-child { border-width: 0.2rem; } .list-group.rounded li:first-child { border-radius: 0.3rem 0.3rem 0 0; } .list-group.rounded li:last-child { border-radius: 0 0 0.3rem 0.3rem; } .list-group[class*="border-"], .list-group[class*="border-"].dotted, .list-group[class*="border-"].dashed, .list-group[class*="border-"].thick, .list-group[class*="border-"]:hover, .list-group.boxed[class*="border-"], .list-group.boxed[class*="border-"].dotted, .list-group.boxed[class*="border-"].dashed, .list-group.boxed[class*="border-"].thick, .list-group.boxed[class*="border-"]:hover { border-width: 0; } .list-horizontal li { display: inline-block; } .menu-box { overflow: visible; margin-bottom: 3rem; } .menu-list, .menu-list li { margin: 0 0 3rem 0; } .menu-list.boxed { padding: 2rem; } .menu-list li { position: relative; } .menu-list li:last-child { margin-bottom: 0; } .menu-list h4 { margin-bottom: 0; } .menu-list h4 + p { margin-top: 1.3rem; } .menu-list p { margin-bottom: 0; } .menu-list .menu-content { padding-right: 10rem; } .menu-list .menu-title, .menu-list .menu-description, .menu-list .menu-price { background-color: #fff; } .menu-list h4, .menu-list .menu-title, .menu-list .menu-content, .menu-list .menu-description, .menu-list .menu-price { position: relative; z-index: 1; } .menu-list .menu-price { font-weight: bold; position: absolute; right: 0; bottom: 0; } .menu-title .menu-price { position: relative; right: auto; left: auto; bottom: auto; } .menu-list .menu-line { height: 1px; margin: 0; border: 0; display: block; position: absolute; bottom: 8px; left: 0; right: 0; z-index: 0; background-image: linear-gradient(to right, #ccc 100%, rgba(0,0,0,0) 0%); background-position: bottom; background-size: 6px 2px; background-repeat: repeat-x; } .menu-list .callout { padding: 2rem; background-color: #f4f4f4; } .menu-list .callout * { background-color: inherit; } .menu-list .special-item { font-size: 1.3rem; font-style: italic; text-transform: none; } .menu-list h4 .menu-line { bottom: 4px; } .menu-list .menu-content .menu-line { bottom: 8px; } .menu-box.small, .menu-list.boxed.small { padding: 1.5rem 1.5rem 0 1.5rem; } .menu-box.small .menu-list, .menu-list.boxed.small li:last-child { margin-bottom: 1.5rem; } .menu-box.medium, .menu-list.boxed.medium { padding: 2rem 2rem 0 2rem; } .menu-box.medium .menu-list, .menu-list.boxed.medium li:last-child { margin-bottom: 2rem; } .menu-box.large, .menu-list.boxed.large { padding: 2.5rem 2.5rem 0 2.5rem; } .menu-box.large .menu-list, .menu-list.boxed.large li:last-child { margin-bottom: 2.5rem; } .menu-box.xlarge, .menu-list.boxed.xlarge { padding: 3rem 3rem 0 3rem; } .menu-box.xlarge .menu-list, .menu-list.boxed.xlarge li:last-child { margin-bottom: 3rem; } .menu-list.center .menu-line { display: none; } .menu-list.center .menu-price { position: relative; } .menu-list.center .menu-content { padding: 0; } .menu-list.center .menu-description { display: block; } .menu-list.right .menu-content { padding-left: 10rem; padding-right: 0; } .menu-list.right .menu-price { left: 0; right: auto; } .menu-list.boxed { border-style: solid; border-width: 1px; } .menu-list.boxed.dashed { border-style: dashed; } .menu-list.boxed.dotted { border-style: dotted; } .menu-list.rounded, .menu-list.rounded .callout { border-radius: 0.3rem; } .dotted .menu-line { height: 2px; background-image: radial-gradient(circle closest-side, #ccc 99%,rgba(0,0,0,0) 0%); } .dashed .menu-line { height: 1px; background-image: linear-gradient(to right, #ccc 50%, rgba(0,0,0,0) 0%); } .menu-list .callout.rounded { border-radius: 0.3rem; } .timeline li { padding: 0; margin: 0; } .timeline li:last-child { margin-bottom: 0; } .timeline .timeline-title, .timeline .timeline-description { position: relative; } .timeline li:last-child .timeline-description *:last-child { margin-bottom: 0; } .timeline.vertical-indication .timeline-title { padding-right: 5rem; } .timeline.vertical-indication .timeline-description { padding-left: 5rem; } .timeline.vertical-indication .timeline-title:after { width: 1rem; height: 1rem; border-radius: 50%; content: ""; border: 2px solid #333; background-color: #fff; position: absolute; left: 100%; top: 0; z-index: 100; } .timeline.vertical-indication .timeline-description:before { width: 0.1rem; content: ""; background-color: #eee; position: absolute; left: 0.5rem; top: 0; bottom: 0; } .timeline.vertical-indication li:last-child .timeline-description:before { display: none; } .tabs { margin: 0 0 3rem 0; padding: 0; } .tab-nav { margin: 0; padding: 0; font-size: 0; list-style: none; } .tab-nav:after { height: 0; display: block; content: "."; overflow: hidden; clear: both; } .tabs .tab-nav > li { margin: 0 1px 0 0; display: inline-block; } .tabs.vertical:after { display: block; content: "."; overflow: hidden; clear: both; } .tabs.vertical .tab-nav > li { margin: 0 0 1px 0; display: block; float: none; } .tabs.vertical .tab-nav { width: 25%; float: left; } .tabs .tab-nav > li:last-child { margin-right: 0; } .tabs.right .tab-nav > li { margin: 0 0 0 1px; } .tabs.right.vertical .tab-nav > li { margin: 0 0 1px 0; float: none; } .tabs.right.vertical .tab-nav { width: 25%; float: right; } .tabs .tab-nav > li.active a:hover, .tabs .tab-nav > li.active a { background: #ffffff; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid transparent; border-left: 1px solid #eeeeee; cursor: default; } .tabs.vertical .tab-nav > li.active a:hover, .tabs.vertical .tab-nav > li.active a { background: #ffffff; border-top: 1px solid #eeeeee; border-right: 1px solid transparent; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; cursor: default; position: relative; } .tabs.right.vertical .tab-nav > li.active a:hover, .tabs.right.vertical .tab-nav > li.active a { background: #ffffff; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid transparent; } .tabs .tab-nav > li a { padding: 1rem 1.5rem; margin: 0; font-size: 1.2rem; font-weight: normal; text-decoration: none; vertical-align: middle; display: inline-block; color: #666666; background-color: #eeeeee; border: 1px solid #eeeeee; cursor: pointer; } .tabs.vertical .tab-nav > li a { display: block; } .tabs .tab-nav > li a:hover { text-decoration: none; color: #666666; background: #d0d0d0; border-color: #d0d0d0; } .tab-panes { margin-top: -1px; padding: 1.5rem; background: #fff; border: 1px solid #eeeeee; } .tabs.vertical .tab-panes { width: 75%; margin-top: 0; margin-left: -1px; float: left; } .tabs.right.vertical .tab-panes { margin-left: 0; margin-right: -1px; float: right; } .tab-panes > div { display: none; background: none; } .tab-panes .tab-content { opacity: 0; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } .tab-panes .fade-in .tab-content { opacity: 1; } .tab-panes > div.active { display: block; content: "."; overflow: hidden; clear: both; } .tab-panes > div *:first-child { margin-top: 0; } .tab-panes > div *:last-child { margin-bottom: 0; } .tabs.small .tab-nav > li a { padding: 0.7rem 1rem; font-size: 1rem; } .tabs.small .tab-panes { padding: 1rem; } .tabs.medium .tab-nav > li a { padding: 1rem 1.5rem; } .tabs.medium .tab-panes { padding: 1.5rem; } .tabs.large .tab-nav > li a { padding: 1.3rem 2.5rem; font-size: 1.4rem; } .tabs.large .tab-panes { padding: 2.5rem; } .tabs.xlarge .tab-nav > li a { padding: 1.6rem 3rem; font-size: 1.5rem; } .tabs.xlarge .tab-panes { padding: 3rem; } .tabs.rounded .tab-nav > li:first-child a { border-radius: 0.3rem 0 0 0; } .tabs.right.rounded .tab-nav > li:first-child a { border-radius: 0 0.3rem 0 0; } .tabs.rounded .tab-nav > li:last-child a { border-radius: 0 0.3rem 0 0; } .tabs.right.rounded .tab-nav > li:last-child a { border-radius: 0.3rem 0 0 0; } .tabs.vertical.rounded .tab-nav > li:last-child a { border-radius: 0.3rem 0 0 0.3rem; } .tabs.right.vertical.rounded .tab-nav > li:last-child a { border-radius: 0.3rem 0 0.3rem 0; } .tabs.rounded .tab-panes { border-radius: 0 0.3rem 0.3rem 0.3rem; } .tabs.right.rounded .tab-panes { border-radius: 0.3rem 0 0.3rem 0.3rem; } .tabs.solid .tab-nav > li.active a:hover, .tabs.solid .tab-nav > li.active a, .tabs.solid .tab-panes { border-style: solid; } .tabs.dotted .tab-nav > li.active a:hover, .tabs.dotted .tab-nav > li.active a, .tabs.dotted .tab-panes { border-style: dashed; } .tabs.dashed .tab-nav > li.active a:hover, .tabs.dashed .tab-nav > li.active a, .tabs.dashed .tab-panes { border-style: dashed; } .tabs.thick .tab-nav > li.active a:hover, .tabs.thick .tab-nav > li.active a, .tabs.thick .tab-panes { border-width: 0.2rem; } .tabs[class*="border-"] { border: none; } .accordion { margin: 0 0 3rem 0; padding: 0; border: none !important; } .accordion ul { margin: 0; padding: 0; list-style: none; } .accordion:after { height: 0; display: block; content: "."; overflow: hidden; clear: both; } .accordion li { margin: 0 0 1px 0; display: block; } .accordion li.active a { background: none; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid transparent; border-left: 1px solid #eeeeee; } .accordion li a { padding: 1rem 1.5rem; margin: 0; font-size: 1.2rem; font-weight: normal; text-decoration: none; vertical-align: middle; display: block; color: #666666; background-color: #eeeeee; border: 1px solid #eeeeee; cursor: pointer; } .accordion li a:hover { text-decoration: none; color: #666666; background: #d0d0d0; border-color: #d0d0d0; } .accordion li > div { height: 0; visibility: hidden; border: 1px solid #eeeeee; overflow: hidden; -webkit-transition-property: height, visibility; -moz-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .accordion li.active > div { height: auto; visibility: visible; } .accordion .accordion-content { height: auto; padding: 1.5rem; overflow: hidden; display: block; } .accordion li > div *:first-child { margin-top: 0; } .accordion li > div *:last-child { margin-bottom: 0; } .accordion.small li a { padding: 0.7rem 1rem; font-size: 1rem; } .accordion.small .accordion-content { padding: 1rem; } .accordion.medium li a { padding: 1rem 1.5rem; } .accordion.medium .accordion-content { padding: 1.5rem; } .accordion.large li a { padding: 1.3rem 2.5rem; font-size: 1.4rem; } .accordion.large .accordion-content { padding: 2.5rem; } .accordion.xlarge li a { padding: 1.6rem 3rem; font-size: 1.5rem; } .accordion.xlarge .accordion-content { padding: 3rem; } .accordion.rounded li:first-child a { border-radius: 0.3rem 0.3rem 0 0; } .accordion.rounded li:last-child a { border-radius: 0 0 0.3rem 0.3rem; } .accordion.rounded li > div { border-radius: 0 0 0.3rem 0.3rem; } .accordion.rounded li.active:last-child a:hover { border-radius: 0; } .accordion.solid li a, .accordion.solid li > div { border-style: solid; } .accordion.dotted li a, .accordion.dotted li > div { border-style: dashed; } .accordion.dashed li a, .accordion.dashed li > div { border-style: dashed; } .accordion.thick li a, .accordion.thick li > div { border-width: 0.2rem; } table.table { width: 100%; margin-bottom: 3rem; border: 1px solid #eeeeee; font-size: 1.2rem; line-height: 1.5; text-align: left; border-collapse: separate; border-spacing: 0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 1rem 1.5rem; } .table > thead { color: #666666; background-color: #eeeeee; } .table th + th, .table td { border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .table > thead > tr > th { border-bottom: none; } .table.small > thead > tr > th, .table.small > tbody > tr > th, .table.small > tfoot > tr > th, .table.small > thead > tr > td, .table.small > tbody > tr > td, .table.small > tfoot > tr > td { padding: 0.7rem 1rem; font-size: 1rem; } .table.medium > thead > tr > th, .table.medium > tbody > tr > th, .table.medium > tfoot > tr > th, .table.medium > thead > tr > td, .table.medium > tbody > tr > td, .table.medium > tfoot > tr > td { padding: 1rem 1.5rem; } .table.large > thead > tr > th, .table.large > tbody > tr > th, .table.large > tfoot > tr > th, .table.large > thead > tr > td, .table.large > tbody > tr > td, .table.large > tfoot > tr > td { padding: 1.3rem 2.5rem; font-size: 1.4rem; } .table.xlarge > thead > tr > th, .table.xlarge > tbody > tr > th, .table.xlarge > tfoot > tr > th, .table.xlarge > thead > tr > td, .table.xlarge > tbody > tr > td, .table.xlarge > tfoot > tr > td { padding: 1.6rem 3rem; font-size: 1.5rem; } .table.rounded { border-radius: 0.3rem; } .table.striped tbody tr:nth-child(even) td, .table.striped tbody tr:nth-child(even) th { background-color: #eeeeee; } .pricing-table { width: 100%; margin-bottom: 3rem; text-align: center; } .pricing-table:before, .pricing-table:after { content: "."; display: block; height: 0; overflow-x: hidden; overflow-y: hidden; } .pricing-table:after { clear: both; } .pricing-table.columns-1 .pricing-table-column { width: 100%; } .pricing-table.columns-2 .pricing-table-column { width: 50%; } .pricing-table.columns-3 .pricing-table-column { width: 33.33333%; } .pricing-table.columns-4 .pricing-table-column { width: 25%; } .pricing-table.columns-5 .pricing-table-column { width: 16.66667%; } .pricing-table-column { border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; float: left; } .pricing-table-column.callout { margin-left: -1px; margin-bottom: -2rem; border: 1px solid #ffffff; box-shadow: 0rem 0rem 0.8rem rgba(0,0,0,.2); position: relative; top: -1.5rem; z-index: 1; } @media only screen and (min-width: 480px) { .pricing-table .pricing-table-column:not(:first-child):not(.callout) { border-left: none; } } .pricing-table-header { padding: 2.5rem 1.5rem; } .pricing-table-column.callout .pricing-table-header { padding: 3.5rem 1.5rem 3rem 1.5rem; } .pricing-table-header h2 { margin: 0; font-size: 2.5rem; } .pricing-table-header[class*="bkg-"] h2 { color: #ffffff; } .pricing-table-price { padding: 1.5rem; color: #666666; background: #eeeeee; } .pricing-table-price h4 { margin: 0; font-size: 1.8rem; font-weight: normal; } .pricing-table-price[class*="bkg-"] h4 { color: #ffffff; } .pricing-table-price .currency { font-size: 1.3rem; position: relative; } .pricing-table-price .interval { font-size: 1.8rem; opacity: 0.5; } .pricing-table-price + .pricing-table-options { padding-top: 1.5rem; } .pricing-table-options { margin: 0; padding: 0 0 2rem 0; list-style: none; line-height: 3; } .pricing-table-text { padding: 0 3rem 2rem 3rem; line-height: 1.8; } .pricing-table-text p:last-child { margin-bottom: 0; } .pricing-table-options li { margin-bottom: 0; padding: 0 1.5rem; } .pricing-table-footer { padding: 0 1.5rem 2.5rem 1.5rem; } .pricing-table-column.callout .pricing-table-footer { padding: 0 1.5rem 4rem 1.5rem; } .pricing-table-footer button, .pricing-table-footer .button { margin-bottom: 0; } .pricing-table[class*="border-"] { border-width: 0; } .pricing-table[class*="border-"] .pricing-table-column { border-color: inherit !important; } .pricing-table.small .pricing-table-header { padding: 1.5rem 0.8rem; } .pricing-table.small .pricing-table-header h2 { font-size: 1.7rem; } .pricing-table.small .pricing-table-price .currency { font-size: 1rem; } .pricing-table.small .pricing-table-price .interval { font-size: 1.5rem; } .pricing-table.small .pricing-table-price h4 { font-size: 1.5rem; } .pricing-table.small .pricing-table-column.callout .pricing-table-header { padding: 2.5rem 1.5rem 2rem 1.5rem; } .pricing-table.small .pricing-table-options { padding: 0 0 1.5rem 0; } .pricing-table.small .pricing-table-column .pricing-table-footer { padding: 0 1.5rem 2rem 1.5rem; } .pricing-table.small .pricing-table-column.callout .pricing-table-footer { padding: 0 1.5rem 3.5rem 1.5rem; } .pricing-table.medium .pricing-table-header { padding: 2.5rem 1.5rem; } .pricing-table.medium .pricing-table-header h2 { font-size: 2.5rem; } .pricing-table.medium .pricing-table-price .currency { font-size: 1.3rem; } .pricing-table.medium .pricing-table-price .interval { font-size: 1.8rem; } .pricing-table.medium .pricing-table-price h4 { font-size: 1.8rem; } .pricing-table.medium .pricing-table-column.callout .pricing-table-header { padding: 3.5rem 1.5rem 3rem 1.5rem; } .pricing-table.medium .pricing-table-options { padding: 0 0 2rem 0; } .pricing-table.medium .pricing-table-column .pricing-table-footer { padding: 0 1.5rem 2.5rem 1.5rem; } .pricing-table.medium .pricing-table-column.callout .pricing-table-footer { padding: 0 1.5rem 4rem 1.5rem; } .pricing-table.large .pricing-table-header { padding: 3rem 2rem; } .pricing-table.large .pricing-table-header h2 { font-size: 3rem; } .pricing-table.large .pricing-table-price .currency { font-size: 1.5rem; } .pricing-table.large .pricing-table-price .interval { font-size: 2rem; } .pricing-table.large .pricing-table-price h4 { font-size: 2rem; } .pricing-table.large .pricing-table-column.callout .pricing-table-header { padding: 4rem 1.5rem 3.5rem 1.5rem; } .pricing-table.large .pricing-table-options { padding: 0 0 2.5rem 0; } .pricing-table.large .pricing-table-column .pricing-table-footer { padding: 0 1.5rem 3rem 1.5rem; } .pricing-table.large .pricing-table-column.callout .pricing-table-footer { padding: 0 1.5rem 4.5rem 1.5rem; } .pricing-table.xlarge .pricing-table-header { padding: 3.5rem 2.5rem; } .pricing-table.xlarge .pricing-table-header h2 { font-size: 3.2rem; } .pricing-table.xlarge .pricing-table-price .currency { font-size: 1.7rem; } .pricing-table.xlarge .pricing-table-price .interval { font-size: 2.2rem; } .pricing-table.xlarge .pricing-table-price h4 { font-size: 2.2rem; } .pricing-table.xlarge .pricing-table-column.callout .pricing-table-header { padding: 4.5rem 2rem 4rem 2rem; } .pricing-table.xlarge .pricing-table-options { padding: 0 0 3rem 0; } .pricing-table.xlarge .pricing-table-column .pricing-table-footer { padding: 0 2rem 3.5rem 2rem; } .pricing-table.xlarge .pricing-table-column.callout .pricing-table-footer { padding: 0 2rem 5rem 2rem; } .pricing-table.rounded .pricing-table-column:first-child { border-radius: 0.3rem 0 0 0.3rem; } .pricing-table.rounded .pricing-table-column:last-child { border-radius: 0 0.3rem 0.3rem 0; } .pricing-table.rounded .pricing-table-column.callout { border-radius: 0.3rem; } .box { width: 100%; padding: 1.5rem; margin-bottom: 3rem; border: 1px solid #eeeeee; overflow: hidden; } .box.dotted { border-style: dotted; } .box.dashed { border-style: dashed; } .box > *:first-child { margin-top: 0; } .box *:last-child { margin-bottom: 0; } .box > a:not(.button) { color: inherit; font-weight: bold; } .box > a:not(.button):hover { color: inherit; text-decoration: underline; } .box.dismissable { max-height: 100rem; padding-right: 3rem; } .box.dismissable .close { text-decoration: none; opacity: 0.5; display: block; float: right; position: relative; right: -2rem; } .box.dismissable .close:hover { text-decoration: none; opacity: 1; } .box.small { padding: 1rem; font-size: 1rem; } .box.small.dismissable { padding-right: 2rem; } .box.small.dismissable .close { right: -1.5rem; } .box.medium { padding: 1.5rem; } .box.large { padding: 2.5rem; font-size: 1.4rem; } .box.large.dismissable { padding-right: 5rem; } .box.large.dismissable .close { right: -3rem; } .box.xlarge { padding: 3rem; font-size: 1.5rem; } .box.xlarge.dismissable { padding-right: 6rem; } .box.xlarge.dismissable .close { right: -3.5rem; } .box.rounded { border-radius: 0.3rem; } .label { padding: 0.2rem 0.6rem 0.3rem 0.6rem; background: #eeeeee; color: #666666; border: 1px solid #eeeeee; } .label [class*="icon-"]:before { margin-left: 0; margin-right: 0.5rem; } .label.rounded { border-radius: 0.3rem; } .progress-bar-group { margin-bottom: 3rem; } .progress-bar-group .progress-bar:last-child { margin-bottom: 0; } .progress-bar { width: 100%; height: 2rem; margin-bottom: 2rem; font-size: 1.2rem; line-height: 1.6rem; font-weight: bold; text-align: right; color: #666666; border: 1px solid #eeeeee; background: #eeeeee; overflow: hidden; -webkit-mask-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC ); } .aux-navigation-active .progress-bar { -webkit-mask-image: none; } .bar { width: 100%; height: 100%; padding: 0 1.5rem; border: 1px solid #d0d0d0; background: #d0d0d0; -webkit-backface-visibility: hidden; } .progress-bar-label { margin-bottom: 0.8rem; color: #666; font-size: 1.2rem; display: block; } .progress-bar-label + .progress-bar { margin-bottom: 1.7rem; } .progress-bar.small { height: 1.3rem; font-size: 1rem; line-height: 0.8rem; } .progress-bar.medium { height: 2rem; } .progress-bar.large { height: 3rem; font-size: 1.4rem; line-height: 2.6rem; } .progress-bar.xlarge { height: 4rem; font-size: 1.5rem; line-height: 3.6rem; } .progress-bar.rounded, .progress-bar.rounded .bar { border-radius: 0.3rem; } .progress-bar.pill, .progress-bar.pill .bar { border-radius: 10.5rem; } .video-container { max-width: 100%; overflow: hidden; } .video-container, .audio-container { margin-bottom: 3rem; } .audio-container .mejs-container { height: 3rem; } iframe { width: 100%; border: none; overflow: hidden; } .divider, hr { margin: 3rem 0; border-top: 1px solid #eeeeee; border-right: 0; border-bottom: 0; border-left: 0; height: 0; clear: both; } .divider.dashed, hr.dashed { border-style: dashed; } .divider.dotted, hr.dotted { border-style: dotted; } .divider.thick, hr.thick { border-top-width: 0.2rem; } .divider[class*="border-"], hr[class*="border-"], .divider[class*="border-"].dashed, .divider[class*="border-"].dotted, hr[class*="border-"].dashed, hr[class*="border-"].dotted { border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1; margin: 0 0 0rem 0; } h1 { font-size: 4.8rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.4rem; } h3.widget-title { font-size: 2.1rem; } h4 { font-size: 2.1rem; } h5 { font-size: 1.8rem; } h6 { font-size: 1.6rem; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: inherit; font-weight: inherit; line-height: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: inherit; } p { margin: 0 0 3rem 0; } h1[class*="border-"], h1[class*="bkg-"], h1 span[class*="border-"], h1 span[class*="bkg-"], h2[class*="border-"], h2[class*="bkg-"], h2 span[class*="border-"], h2 span[class*="bkg-"], h3[class*="border-"], h3[class*="bkg-"], h3 span[class*="border-"], h3 span[class*="bkg-"], h4[class*="border-"], h4[class*="bkg-"], h4 span[class*="border-"], h4 span[class*="bkg-"], h5[class*="border-"], h5[class*="bkg-"], h5 span[class*="border-"], h5 span[class*="bkg-"], h6[class*="border-"], h6[class*="bkg-"], h6 span[class*="border-"], h6 span[class*="bkg-"], p[class*="border-"], p[class*="bkg-"] { padding: 0.4rem 0.6rem; } address { margin: 0 0 3rem 0; } .lead { margin-bottom: 3rem; font-size: 2.2rem; line-height: 1.5; font-weight: 200; } .separator { width: 10rem; height: 0.4rem; display: block; background-color: #333333; margin-bottom: 2rem; } .separator.small { width: 7rem; height: 0.2rem; } .separator.large { width: 13rem; height: 0.6rem; } .separator.xlarge { width: 16rem; height: 0.8rem; } .center .separator, .separator.center { margin-right: auto; margin-left: auto; } .right .separator, .separator.right { margin-left: auto; } .font-alt-1 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } .font-alt-1 { font-family: "Times New Roman", Arial, sans-serif; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 65%; } [class*="weight-"] p, [class*="weight-"] span, [class*="weight-"] a { font-weight: inherit; } .weight-light { font-weight: 100; } .weight-thin { font-weight: 200; } .weight-regular { font-weight: 400; } .weight-semi-bold { font-weight: 600; } .weight-bold { font-weight: 700; } .weight-xbold { font-weight: 900; } .text-shadow { text-shadow: 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.5); } [class*="lspacing-"] p, [class*="lspacing-"] span, [class*="lspacing-"] a { letter-spacing: inherit; } .lspacing-small { letter-spacing: 0.2rem; } .lspacing-medium { letter-spacing: 0.3rem; } .lspacing-large { letter-spacing: 0.5rem; } .lspacing-xlarge { letter-spacing: 0.8rem; } a, p a { color: #666666; text-decoration: none; outline: none; } a:hover, p a:hover { color: #333333; text-decoration: none; } ::selection { background: #333333; color: #ffffff; } ::-moz-selection { background: #333333; color: #ffffff; } blockquote { margin: 0 0 3rem 0; font-size: 1.8rem; line-height: 1.5; } blockquote p { margin-bottom: 0; font-size: 1.8rem; } blockquote cite, blockquote .cite { margin-top: 2rem; font-size: 60%; display: block; } blockquote.small, blockquote.small p { font-size: 1.6rem; } blockquote.medium, blockquote.medium p { font-size: 1.8rem; } blockquote.large, blockquote.large p { font-size: 2.1rem; } blockquote.xlarge, blockquote.xlarge p { font-size: 2.4rem; } blockquote.border { padding: 0 0 0 2.5rem; border-left: 1px solid #eeeeee; } blockquote.border.small { padding-left: 2rem; } blockquote.border.medium { padding-left: 2.5rem; } blockquote.border.large { padding-left: 3rem; } blockquote.border.xlarge { padding-left: 3.5rem; } blockquote.border.small { padding-right: 2rem; } blockquote.border.medium { padding-right: 2.5rem; } blockquote.border.large { padding-right: 3rem; } blockquote.border.xlarge { padding-right: 3.5rem; } blockquote.icon [class*="icon-"] { font-size: 150%; text-align: center; line-height: 0; } blockquote.avatar span, blockquote.avatar span img { width: 5rem; height: 5rem; border-radius: 7rem; display: inline-block; } blockquote.avatar.small span, blockquote.avatar.small span img { width: 4rem; height: 4rem; } blockquote.avatar.medium span, blockquote.avatar.medium span img { width: 5rem; height: 5rem; } blockquote.avatar.large span, blockquote.avatar.large span img { width: 6rem; height: 6rem; } blockquote.avatar.xlarge span, blockquote.avatar.xlarge span img { width: 7rem; height: 7rem; } blockquote.pull-left { width: 40%; float: left; margin-right: 2rem; margin-bottom: 2rem; } blockquote.pull-right { width: 40%; float: right; margin-left: 2rem; margin-bottom: 2rem; } blockquote.center { margin-left: auto; margin-right: auto; } blockquote.border.right { padding: 0 2.5rem 0 0; border-left: none; border-right: 1px solid #eeeeee; } blockquote.border.center { margin-left: auto; margin-right: auto; padding: 2.5rem 0 0 0; border-left: none; border-top: 1px solid #eeeeee; } .breadcrumb { list-style: none; overflow: hidden; } .breadcrumb li { float: left; } .breadcrumb li, .breadcrumb li a { font-size: 1.2rem; } .breadcrumb li:after, .breadcrumb li:before { padding-left: 1.2rem; padding-right: 1.2rem; font-family: 'icomoon'; } .breadcrumb li:after { content: "\e640"; } .breadcrumb.center li { display: inline-block; float: none; } .breadcrumb.right li:after { padding: 0; content: ""; } .breadcrumb.right li:before { content: "\e63f"; } .breadcrumb li:last-child:after, .breadcrumb.right li:first-child:before { content: ""; padding: 0; } code, samp, kbd { font-family: "Courier New", Courier, monospace, sans-serif; text-align: left; } pre { max-width: 100%; margin: 0; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } pre code { line-height: 1.5; white-space: pre-wrap; } .tag { color: #074a72; } .tag .att { color: #47a4db; } .tag .val { color: #d74950; } .tag .comm { color: #999999; } @font-face { font-family: 'icomoon'; src: url('../fonts/entypo.eot?-r9lvae'); src: url('../fonts/entypo.eot?#iefix-r9lvae') format('embedded-opentype'), url('../fonts/entypo.woff?-r9lvae') format('woff'), url('../fonts/entypo.ttf?-r9lvae') format('truetype'), url('../fonts/entypo.svg?-r9lvae#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-add-to-list:before { content: "\e600"; } .icon-add-user:before { content: "\e601"; } .icon-address:before { content: "\e602"; } .icon-adjust:before { content: "\e603"; } .icon-air:before { content: "\e604"; } .icon-aircraft-landing:before { content: "\e605"; } .icon-aircraft-take-off:before { content: "\e606"; } .icon-aircraft:before { content: "\e607"; } .icon-align-bottom:before { content: "\e608"; } .icon-align-horizontal-middle:before { content: "\e609"; } .icon-align-left:before { content: "\e60a"; } .icon-align-right:before { content: "\e60b"; } .icon-align-top:before { content: "\e60c"; } .icon-align-vertical-middle:before { content: "\e60d"; } .icon-archive:before { content: "\e60e"; } .icon-area-graph:before { content: "\e60f"; } .icon-arrow-bold-down:before { content: "\e610"; } .icon-arrow-bold-left:before { content: "\e611"; } .icon-arrow-bold-right:before { content: "\e612"; } .icon-arrow-bold-up:before { content: "\e613"; } .icon-arrow-down:before { content: "\e614"; } .icon-arrow-left:before { content: "\e615"; } .icon-arrow-long-down:before { content: "\e616"; } .icon-arrow-long-left:before { content: "\e617"; } .icon-arrow-long-right:before { content: "\e618"; } .icon-arrow-long-up:before { content: "\e619"; } .icon-arrow-right:before { content: "\e61a"; } .icon-arrow-up:before { content: "\e61b"; } .icon-arrow-with-circle-down:before { content: "\e61c"; } .icon-arrow-with-circle-left:before { content: "\e61d"; } .icon-arrow-with-circle-right:before { content: "\e61e"; } .icon-arrow-with-circle-up:before { content: "\e61f"; } .icon-attachment:before { content: "\e620"; } .icon-awareness-ribbon:before { content: "\e621"; } .icon-back-in-time:before { content: "\e622"; } .icon-back:before { content: "\e623"; } .icon-bar-graph:before { content: "\e624"; } .icon-battery:before { content: "\e625"; } .icon-beamed-note:before { content: "\e626"; } .icon-bell:before { content: "\e627"; } .icon-blackboard:before { content: "\e628"; } .icon-block:before { content: "\e629"; } .icon-book:before { content: "\e62a"; } .icon-bookmark:before { content: "\e62b"; } .icon-bookmarks:before { content: "\e62c"; } .icon-bowl:before { content: "\e62d"; } .icon-box:before { content: "\e62e"; } .icon-briefcase:before { content: "\e62f"; } .icon-browser:before { content: "\e630"; } .icon-brush:before { content: "\e631"; } .icon-bucket:before { content: "\e632"; } .icon-bug:before { content: "\e633"; } .icon-cake:before { content: "\e634"; } .icon-calculator:before { content: "\e635"; } .icon-calendar:before { content: "\e636"; } .icon-camera:before { content: "\e637"; } .icon-ccw:before { content: "\e638"; } .icon-chat:before { content: "\e639"; } .icon-check:before { content: "\e63a"; } .icon-down:before { content: "\e63b"; } .icon-left:before { content: "\e63c"; } .icon-right:before { content: "\e63d"; } .icon-down-open-mini:before { content: "\e63e"; } .icon-left-open-mini:before { content: "\e63f"; } .icon-right-open-mini:before { content: "\e640"; } .icon-up-open-mini:before { content: "\e641"; } .icon-down-open-big:before { content: "\e642"; } .icon-left-open-big:before { content: "\e643"; } .icon-right-open-big:before { content: "\e644"; } .icon-up-open-big:before { content: "\e645"; } .icon-up:before { content: "\e646"; } .icon-down-circled:before { content: "\e647"; } .icon-left-circled:before { content: "\e648"; } .icon-right-circled:before { content: "\e649"; } .icon-up-circled:before { content: "\e64a"; } .icon-circle-with-cross:before { content: "\e64b"; } .icon-circle-with-minus:before { content: "\e64c"; } .icon-circle-with-plus:before { content: "\e64d"; } .icon-circle:before { content: "\e64e"; } .icon-circular-graph:before { content: "\e64f"; } .icon-clapperboard:before { content: "\e650"; } .icon-classic-computer:before { content: "\e651"; } .icon-clipboard:before { content: "\e652"; } .icon-clock:before { content: "\e653"; } .icon-cloud:before { content: "\e654"; } .icon-code:before { content: "\e655"; } .icon-cog:before { content: "\e656"; } .icon-colours:before { content: "\e657"; } .icon-compass:before { content: "\e658"; } .icon-fast-backward:before { content: "\e659"; } .icon-fast-forward:before { content: "\e65a"; } .icon-jump-to-start:before { content: "\e65b"; } .icon-next:before { content: "\e65c"; } .icon-paus:before { content: "\e65d"; } .icon-play:before { content: "\e65e"; } .icon-record:before { content: "\e65f"; } .icon-stop:before { content: "\e660"; } .icon-volume:before { content: "\e661"; } .icon-copy:before { content: "\e662"; } .icon-creative-commons-attribution:before { content: "\e663"; } .icon-creative-commons-noderivs:before { content: "\e664"; } .icon-creative-commons-noncommercial-eu:before { content: "\e665"; } .icon-creative-commons-noncommercial-us:before { content: "\e666"; } .icon-creative-commons-public-domain:before { content: "\e667"; } .icon-creative-commons-remix:before { content: "\e668"; } .icon-creative-commons-share:before { content: "\e669"; } .icon-creative-commons-sharealike:before { content: "\e66a"; } .icon-creative-commons:before { content: "\e66b"; } .icon-credit-card:before { content: "\e66c"; } .icon-credit:before { content: "\e66d"; } .icon-crop:before { content: "\e66e"; } .icon-cancel:before { content: "\e66f"; } .icon-cup:before { content: "\e670"; } .icon-cw:before { content: "\e671"; } .icon-cycle:before { content: "\e672"; } .icon-database:before { content: "\e673"; } .icon-dial-pad:before { content: "\e674"; } .icon-direction:before { content: "\e675"; } .icon-document-landscape:before { content: "\e676"; } .icon-document:before { content: "\e677"; } .icon-documents:before { content: "\e678"; } .icon-dot-single:before { content: "\e679"; } .icon-dots-three-horizontal:before { content: "\e67a"; } .icon-dots-three-vertical:before { content: "\e67b"; } .icon-dots-two-horizontal:before { content: "\e67c"; } .icon-dots-two-vertical:before { content: "\e67d"; } .icon-download:before { content: "\e67e"; } .icon-drink:before { content: "\e67f"; } .icon-drive:before { content: "\e680"; } .icon-drop:before { content: "\e681"; } .icon-edit:before { content: "\e682"; } .icon-email:before { content: "\e683"; } .icon-emoji-flirt:before { content: "\e684"; } .icon-emoji-happy:before { content: "\e685"; } .icon-emoji-neutral:before { content: "\e686"; } .icon-emoji-sad:before { content: "\e687"; } .icon-erase:before { content: "\e688"; } .icon-eraser:before { content: "\e689"; } .icon-export:before { content: "\e68a"; } .icon-eye-with-line:before { content: "\e68b"; } .icon-eye:before { content: "\e68c"; } .icon-feather:before { content: "\e68d"; } .icon-fingerprint:before { content: "\e68e"; } .icon-flag:before { content: "\e68f"; } .icon-flash:before { content: "\e690"; } .icon-flashlight:before { content: "\e691"; } .icon-flat-brush:before { content: "\e692"; } .icon-flow-branch:before { content: "\e693"; } .icon-flow-cascade:before { content: "\e694"; } .icon-flow-line:before { content: "\e695"; } .icon-flow-parallel:before { content: "\e696"; } .icon-flow-tree:before { content: "\e697"; } .icon-flower:before { content: "\e698"; } .icon-folder-images:before { content: "\e699"; } .icon-folder-music:before { content: "\e69a"; } .icon-folder-video:before { content: "\e69b"; } .icon-folder:before { content: "\e69c"; } .icon-forward:before { content: "\e69d"; } .icon-funnel:before { content: "\e69e"; } .icon-game-controller:before { content: "\e69f"; } .icon-gauge:before { content: "\e6a0"; } .icon-globe:before { content: "\e6a1"; } .icon-graduation-cap:before { content: "\e6a2"; } .icon-grid:before { content: "\e6a3"; } .icon-hair-cross:before { content: "\e6a4"; } .icon-hand:before { content: "\e6a5"; } .icon-heart-outlined:before { content: "\e6a6"; } .icon-heart:before { content: "\e6a7"; } .icon-help-with-circle:before { content: "\e6a8"; } .icon-help:before { content: "\e6a9"; } .icon-home:before { content: "\e6aa"; } .icon-hour-glass:before { content: "\e6ab"; } .icon-image-inverted:before { content: "\e6ac"; } .icon-image:before { content: "\e6ad"; } .icon-images:before { content: "\e6ae"; } .icon-inbox:before { content: "\e6af"; } .icon-infinity:before { content: "\e6b0"; } .icon-info-with-circle:before { content: "\e6b1"; } .icon-info:before { content: "\e6b2"; } .icon-install:before { content: "\e6b3"; } .icon-key:before { content: "\e6b4"; } .icon-keyboard:before { content: "\e6b5"; } .icon-lab-flask:before { content: "\e6b6"; } .icon-landline:before { content: "\e6b7"; } .icon-language:before { content: "\e6b8"; } .icon-laptop:before { content: "\e6b9"; } .icon-layers:before { content: "\e6ba"; } .icon-leaf:before { content: "\e6bb"; } .icon-level-down:before { content: "\e6bc"; } .icon-level-up:before { content: "\e6bd"; } .icon-lifebuoy:before { content: "\e6be"; } .icon-light-bulb:before { content: "\e6bf"; } .icon-light-down:before { content: "\e6c0"; } .icon-light-up:before { content: "\e6c1"; } .icon-line-graph:before { content: "\e6c2"; } .icon-link:before { content: "\e6c3"; } .icon-list:before { content: "\e6c4"; } .icon-location-pin:before { content: "\e6c5"; } .icon-location:before { content: "\e6c6"; } .icon-lock-open:before { content: "\e6c7"; } .icon-lock:before { content: "\e6c8"; } .icon-log-out:before { content: "\e6c9"; } .icon-login:before { content: "\e6ca"; } .icon-loop:before { content: "\e6cb"; } .icon-magnet:before { content: "\e6cc"; } .icon-magnifying-glass:before { content: "\e6cd"; } .icon-mail:before { content: "\e6ce"; } .icon-man:before { content: "\e6cf"; } .icon-map:before { content: "\e6d0"; } .icon-mask:before { content: "\e6d1"; } .icon-medal:before { content: "\e6d2"; } .icon-megaphone:before { content: "\e6d3"; } .icon-menu:before { content: "\e6d4"; } .icon-merge:before { content: "\e6d5"; } .icon-message:before { content: "\e6d6"; } .icon-mic:before { content: "\e6d7"; } .icon-minus:before { content: "\e6d8"; } .icon-mobile:before { content: "\e6d9"; } .icon-modern-mic:before { content: "\e6da"; } .icon-moon:before { content: "\e6db"; } .icon-mouse-pointer:before { content: "\e6dc"; } .icon-mouse:before { content: "\e6dd"; } .icon-music:before { content: "\e6de"; } .icon-network:before { content: "\e6df"; } .icon-new-message:before { content: "\e6e0"; } .icon-new:before { content: "\e6e1"; } .icon-news:before { content: "\e6e2"; } .icon-newsletter:before { content: "\e6e3"; } .icon-note:before { content: "\e6e4"; } .icon-notification:before { content: "\e6e5"; } .icon-notifications-off:before { content: "\e6e6"; } .icon-old-mobile:before { content: "\e6e7"; } .icon-old-phone:before { content: "\e6e8"; } .icon-open-book:before { content: "\e6e9"; } .icon-palette:before { content: "\e6ea"; } .icon-paper-plane:before { content: "\e6eb"; } .icon-pencil:before { content: "\e6ec"; } .icon-phone:before { content: "\e6ed"; } .icon-pie-chart:before { content: "\e6ee"; } .icon-pin:before { content: "\e6ef"; } .icon-plus:before { content: "\e6f0"; } .icon-popup:before { content: "\e6f1"; } .icon-power-plug:before { content: "\e6f2"; } .icon-price-ribbon:before { content: "\e6f3"; } .icon-price-tag:before { content: "\e6f4"; } .icon-print:before { content: "\e6f5"; } .icon-progress-empty:before { content: "\e6f6"; } .icon-progress-full:before { content: "\e6f7"; } .icon-progress-one:before { content: "\e6f8"; } .icon-progress-two:before { content: "\e6f9"; } .icon-publish:before { content: "\e6fa"; } .icon-quote:before { content: "\e6fb"; } .icon-radio:before { content: "\e6fc"; } .icon-remove-user:before { content: "\e6fd"; } .icon-reply-all:before { content: "\e6fe"; } .icon-reply:before { content: "\e6ff"; } .icon-resize-100:before { content: "\e700"; } .icon-resize-full-screen:before { content: "\e701"; } .icon-retweet:before { content: "\e702"; } .icon-rocket:before { content: "\e703"; } .icon-round-brush:before { content: "\e704"; } .icon-rss:before { content: "\e705"; } .icon-ruler:before { content: "\e706"; } .icon-save:before { content: "\e707"; } .icon-scissors:before { content: "\e708"; } .icon-select-arrows:before { content: "\e709"; } .icon-share-alternative:before { content: "\e70a"; } .icon-share:before { content: "\e70b"; } .icon-shareable:before { content: "\e70c"; } .icon-shield:before { content: "\e70d"; } .icon-shop:before { content: "\e70e"; } .icon-shopping-bag:before { content: "\e70f"; } .icon-shopping-basket:before { content: "\e710"; } .icon-shopping-cart:before { content: "\e711"; } .icon-shuffle:before { content: "\e712"; } .icon-signal:before { content: "\e713"; } .icon-sound-mix:before { content: "\e714"; } .icon-sound-mute:before { content: "\e715"; } .icon-sound:before { content: "\e716"; } .icon-sports-club:before { content: "\e717"; } .icon-spreadsheet:before { content: "\e718"; } .icon-squared-cross:before { content: "\e719"; } .icon-squared-minus:before { content: "\e71a"; } .icon-squared-plus:before { content: "\e71b"; } .icon-star-outlined:before { content: "\e71c"; } .icon-star:before { content: "\e71d"; } .icon-stopwatch:before { content: "\e71e"; } .icon-suitcase:before { content: "\e71f"; } .icon-swap:before { content: "\e720"; } .icon-sweden:before { content: "\e721"; } .icon-switch:before { content: "\e722"; } .icon-tablet-mobile-combo:before { content: "\e723"; } .icon-tablet:before { content: "\e724"; } .icon-tag:before { content: "\e725"; } .icon-text-document-inverted:before { content: "\e726"; } .icon-text-document:before { content: "\e727"; } .icon-text:before { content: "\e728"; } .icon-thermometer:before { content: "\e729"; } .icon-thumbs-down:before { content: "\e72a"; } .icon-thumbs-up:before { content: "\e72b"; } .icon-thunder-cloud:before { content: "\e72c"; } .icon-ticket:before { content: "\e72d"; } .icon-time-slot:before { content: "\e72e"; } .icon-tools:before { content: "\e72f"; } .icon-traffic-cone:before { content: "\e730"; } .icon-trash:before { content: "\e731"; } .icon-tree:before { content: "\e732"; } .icon-triangle-down:before { content: "\e733"; } .icon-triangle-left:before { content: "\e734"; } .icon-triangle-right:before { content: "\e735"; } .icon-triangle-up:before { content: "\e736"; } .icon-trophy:before { content: "\e737"; } .icon-tv:before { content: "\e738"; } .icon-typing:before { content: "\e739"; } .icon-uninstall:before { content: "\e73a"; } .icon-unread:before { content: "\e73b"; } .icon-untag:before { content: "\e73c"; } .icon-upload-to-cloud:before { content: "\e73d"; } .icon-upload:before { content: "\e73e"; } .icon-user:before { content: "\e73f"; } .icon-users:before { content: "\e740"; } .icon-v-card:before { content: "\e741"; } .icon-video-camera:before { content: "\e742"; } .icon-video:before { content: "\e743"; } .icon-vinyl:before { content: "\e744"; } .icon-voicemail:before { content: "\e745"; } .icon-wallet:before { content: "\e746"; } .icon-warning:before { content: "\e747"; } .icon-water:before { content: "\e748"; } .icon-px-with-circle:before { content: "\e749"; } .icon-px:before { content: "\e74a"; } .icon-app-store:before { content: "\e74b"; } .icon-baidu:before { content: "\e74c"; } .icon-basecamp:before { content: "\e74d"; } .icon-behance:before { content: "\e74e"; } .icon-creative-cloud:before { content: "\e74f"; } .icon-dribbble-with-circle:before { content: "\e750"; } .icon-dribbble:before { content: "\e751"; } .icon-dropbox:before { content: "\e752"; } .icon-evernote:before { content: "\e753"; } .icon-facebook-with-circle:before { content: "\e754"; } .icon-facebook:before { content: "\e755"; } .icon-flattr:before { content: "\e756"; } .icon-flickr-with-circle:before { content: "\e757"; } .icon-flickr:before { content: "\e758"; } .icon-foursquare:before { content: "\e759"; } .icon-github-with-circle:before { content: "\e75a"; } .icon-github:before { content: "\e75b"; } .icon-google-drive:before { content: "\e75c"; } .icon-google-hangouts:before { content: "\e75d"; } .icon-google-play:before { content: "\e75e"; } .icon-google-with-circle:before { content: "\e75f"; } .icon-google:before { content: "\e760"; } .icon-grooveshark:before { content: "\e761"; } .icon-houzz:before { content: "\e762"; } .icon-icloud:before { content: "\e763"; } .icon-instagram-with-circle:before { content: "\e764"; } .icon-instagram:before { content: "\e765"; } .icon-lastfm-with-circle:before { content: "\e766"; } .icon-lastfm:before { content: "\e767"; } .icon-linkedin-with-circle:before { content: "\e768"; } .icon-linkedin:before { content: "\e769"; } .icon-mail-with-circle:before { content: "\e76a"; } .icon-medium-with-circle:before { content: "\e76b"; } .icon-medium:before { content: "\e76c"; } .icon-mixi:before { content: "\e76d"; } .icon-onedrive:before { content: "\e76e"; } .icon-paypal:before { content: "\e76f"; } .icon-picasa:before { content: "\e770"; } .icon-pinterest-with-circle:before { content: "\e771"; } .icon-pinterest:before { content: "\e772"; } .icon-qq-with-circle:before { content: "\e773"; } .icon-qq:before { content: "\e774"; } .icon-raft-with-circle:before { content: "\e775"; } .icon-raft:before { content: "\e776"; } .icon-rainbow:before { content: "\e777"; } .icon-rdio-with-circle:before { content: "\e778"; } .icon-rdio:before { content: "\e779"; } .icon-renren:before { content: "\e77a"; } .icon-scribd:before { content: "\e77b"; } .icon-sina-weibo:before { content: "\e77c"; } .icon-skype-with-circle:before { content: "\e77d"; } .icon-skype:before { content: "\e77e"; } .icon-slideshare:before { content: "\e77f"; } .icon-smashing:before { content: "\e780"; } .icon-soundcloud:before { content: "\e781"; } .icon-spotify-with-circle:before { content: "\e782"; } .icon-spotify:before { content: "\e783"; } .icon-stumbleupon-with-circle:before { content: "\e784"; } .icon-stumbleupon:before { content: "\e785"; } .icon-swarm:before { content: "\e786"; } .icon-tripadvisor:before { content: "\e787"; } .icon-tumblr-with-circle:before { content: "\e788"; } .icon-tumblr:before { content: "\e789"; } .icon-twitter-with-circle:before { content: "\e78a"; } .icon-twitter:before { content: "\e78b"; } .icon-vimeo-with-circle:before { content: "\e78c"; } .icon-vimeo:before { content: "\e78d"; } .icon-vine-with-circle:before { content: "\e78e"; } .icon-vine:before { content: "\e78f"; } .icon-vk-alternitive:before { content: "\e790"; } .icon-vk-with-circle:before { content: "\e791"; } .icon-vk:before { content: "\e792"; } .icon-windows-store:before { content: "\e793"; } .icon-xing-with-circle:before { content: "\e794"; } .icon-xing:before { content: "\e795"; } .icon-yelp:before { content: "\e796"; } .icon-youko-with-circle:before { content: "\e797"; } .icon-youko:before { content: "\e798"; } .icon-youtube-with-circle:before { content: "\e799"; } .icon-youtube:before { content: "\e79a"; } [class*="icon-"].small { font-size: 1.6rem; } [class*="icon-"].medium { font-size: 2.4rem; } [class*="icon-"].large { font-size: 3.2rem; } [class*="icon-"].xlarge { font-size: 4.8rem; } .icon-boxed, .icon-circled { width: 6.6rem; height: 6.6rem; margin-bottom: 0.4rem; line-height: 6.6rem; text-align: center; border: 1px solid #eeeeee; } .icon-boxed.small, .icon-circled.small { width: 5.8rem; height: 5.8rem; line-height: 5.6rem; } .icon-boxed.medium, .icon-circled.medium { width: 6.6rem; height: 6.6rem; line-height: 6.4rem; } .icon-boxed.large, .icon-circled.large { width: 7.4rem; height: 7.4rem; line-height: 7.2rem; } .icon-boxed.xlarge, .icon-circled.xlarge { width: 9rem; height: 9rem; line-height: 8.8rem; } .icon-boxed.rounded { border-radius: 0.3rem; } .icon-circled { border-radius: 10rem; } [class*="border-"].padded, [class*="bkg-"].padded { padding: 1rem 2rem; } [class*="border-"] { border: 1px solid #eee; } [class*="border-"]:not([class*="bkg-"]), [class*="border-"][class*="bkg-hover-"], [class*="border-hover-"]:hover { background: none; background: rgba(0,0,0,0); } [class*="border-"].solid { border-style: solid; border-width: 1px; } [class*="border-"].dashed { border-style: dashed; border-width: 1px; } [class*="border-"].dotted { border-style: dotted; border-width: 1px; } [class*="border-"].thick, [class*="border-"].thick * { border-width: 0.2rem; } .border-turquoise { border-color: #00a186; } .border-hover-turquoise:hover { border-color: #008b73; } .border-turquoise-light { border-color: #00bd9c; } .border-hover-turquoise-light:hover { border-color: #00a186; } .border-green { border-color: #1bb05d; color: #1bb05d; } .border-hover-green:hover { border-color: #179851; } .border-green-light { border-color: #1ecd6d; } .border-hover-green-light:hover { border-color: #1bb05d; } .border-blue { border-color: #227fbb; } .border-hover-blue:hover { border-color: #1d6ea3; } .border-blue-light { border-color: #2c96dd; } .border-hover-blue-light:hover { border-color: #227fbb; } .border-navy { border-color: #2c3e51; } .border-hover-navy:hover { border-color: #1f2d3b; } .border-navy-light { border-color: #33495f; } .border-hover-navy-light:hover { border-color: #2c3e51; } .border-purple { border-color: #8f3faf; } .border-hover-purple:hover { border-color: #7b3697; } .border-purple-light { border-color: #b078c6; } .border-hover-purple-light:hover { border-color: #8f3faf; } .border-yellow { border-color: #f3b100; } .border-hover-yellow:hover { border-color: #e2a50b; } .border-yellow-light { border-color: #ffbe12; } .border-hover-yellow-light:hover { border-color: #f3b100; } .border-orange { border-color: #e87f04; } .border-hover-orange:hover { border-color: #df6f0b; } .border-orange-light { border-color: #f59d00; } .border-hover-orange-light:hover { border-color: #e87f04; } .border-red { border-color: #c23824; } .border-hover-red:hover { border-color: #a9311f; } .border-red-light { border-color: #ea4b35; } .border-hover-red-light:hover { border-color: #c23824; } .border-black { border-color: #000000; } .border-hover-black:hover { border-color: #000000; } .border-white { border-color: #ffffff; } .border-hover-white:hover { border-color: #ffffff; } .border-grey { border-color: #666666; } .border-hover-grey:hover { border-color: #555555; } .border-grey-light { border-color: #999999; } .border-hover-grey-light:hover { border-color: #888888; } .border-grey-ultralight { border-color: #f4f4f4; } .border-hover-grey-ultralight:hover { border-color: #f1f1f1; } .border-charcoal { border-color: #333333; } .border-hover-charcoal:hover { border-color: #222222; } .border-charcoal-light { border-color: #555555; } .border-hover-charcoal-light:hover { border-color: #444444; } .border-black { border-color: #000000; } .border-hover-black:hover { border-color: #000000; } .border-base { border-color: #eeeeee; } .border-hover-base:hover { border-color: #d0d0d0; } .border-behance, .border-hover-behance:hover { border-color: #1769ff; color: #1769ff; } .border-dribbble, .border-hover-dribbble:hover { border-color: #ea4c89; color: #ea4c89; } .border-facebook, .border-hover-facebook:hover { border-color: #3b5998; color: #3b5998; } .border-flickr, .border-hover-flickr:hover { border-color: #0063DC; color: #0063DC; } .border-github, .border-hover-github:hover { border-color: #333; color: #333; } .border-gplus, .border-hover-gplus:hover { border-color: #d34836; color: #d34836; } .border-instagram, .border-hover-instagram:hover { border-color: #517fa4; color: #517fa4; } .border-linkedin, .border-hover-linkedin:hover { border-color: #007bb6; color: #007bb6; } .border-pinterest, .border-hover-pinterest:hover { border-color: #cb2027; color: #cb2027; } .border-skype, .border-hover-skype:hover { border-color: #12A5F4; color: #12A5F4; } .border-soundcloud, .border-hover-soundcloud:hover { border-color: #f80; color: #f80; } .border-spotify, .border-hover-spotify:hover { border-color: #7ab800; color: #7ab800; } .border-tumblr, .border-hover-tumblr:hover { border-color: #35465c; color: #35465c; } .border-twitter, .border-hover-twitter:hover { border-color: #00aced; color: #00aced; } .border-vimeo, .border-hover-vimeo:hover { border-color: #1ab7ea; color: #1ab7ea; } .border-youtube, .border-hover-youtube:hover { border-color: #bb0000; color: #bb0000; } [class*="bkg-hover-"]:hover *, [class*="bkg-hover-"]:visited * { color: inherit; } .bkg-turquoise { background: #00a186; border-color: #00a186; } .bkg-hover-turquoise:hover { background: #008b73; border-color: #008b73; } .bkg-turquoise-light { background: #00bd9c; border-color: #00bd9c; } .bkg-hover-turquoise-light:hover { background: #00a186; border-color: #00a186; } .bkg-green { background: #1bb05d; border-color: #1bb05d; } .bkg-hover-green:hover { background: #179851; border-color: #179851; } .bkg-green-light { background: #1ecd6d; border-color: #1ecd6d; } .bkg-hover-green-light:hover { background: #1bb05d; border-color: #1bb05d; } .bkg-blue { background: #227fbb; border-color: #227fbb; } .bkg-hover-blue:hover { background: #1d6ea3; border-color: #1d6ea3; } .bkg-blue-light { background: #2c96dd; border-color: #2c96dd; } .bkg-hover-blue-light:hover { background: #227fbb; border-color: #227fbb; } .bkg-navy { background: #2c3e51; border-color: #2c3e51; } .bkg-hover-navy:hover { background: #1f2d3b; border-color: #1f2d3b; } .bkg-navy-light { background: #33495f; border-color: #33495f; } .bkg-hover-navy-light:hover { background: #2c3e51; border-color: #2c3e51; } .bkg-purple { background: #8f3faf; border-color: #8f3faf; } .bkg-hover-purple:hover { background: #7b3697; border-color: #7b3697; } .bkg-purple-light { background: #b078c6; border-color: #b078c6; } .bkg-hover-purple-light:hover { background: #8f3faf; border-color: #8f3faf; } .bkg-yellow { background: #f3b100; border-color: #f3b100; } .bkg-hover-yellow:hover { background: #e2a50b; border-color: #e2a50b; } .bkg-yellow-light { background: #ffbe12; border-color: #ffbe12; } .bkg-hover-yellow-light:hover { background: #f3b100; border-color: #f3b100; } .bkg-orange { background: #e87f04; border-color: #e87f04; } .bkg-hover-orange:hover { background: #df6f0b; border-color: #df6f0b; } .bkg-orange-light { background: #f59d00; border-color: #f59d00; } .bkg-hover-orange-light:hover { background: #e87f04; border-color: #e87f04; } .bkg-red { background: #c23824; border-color: #c23824; } .bkg-hover-red:hover { background: #a9311f; border-color: #a9311f; } .bkg-red-light { background: #ea4b35; border-color: #ea4b35; } .bkg-hover-red-light:hover { background: #c23824; border-color: #c23824; } .bkg-black { background: #000000; border-color: #000000; } .bkg-hover-black:hover { background: #000000; border-color: #000000; } .bkg-white { background: #ffffff; border-color: #ffffff; } .bkg-hover-white:hover { background: #ffffff; border-color: #ffffff; } .bkg-grey { background-color: #666666; border-color: #666666; } .bkg-hover-grey:hover { background-color: #555555; border-color: #555555; } .bkg-grey-light { background-color: #999999; border-color: #999999; } .bkg-hover-grey-light:hover { background-color: #888888; border-color: #888888; } .bkg-grey-ultralight { background-color: #f4f4f4; border-color: #f4f4f4; } .bkg-hover-grey-ultralight:hover { background-color: #f1f1f1; border-color: #f1f1f1; } .bkg-charcoal { background-color: #333333; border-color: #333333; } .bkg-hover-charcoal:hover { background-color: #222222; border-color: #222222; } .bkg-charcoal-light { background-color: #555555; border-color: #555555; } .bkg-hover-charcoal-light:hover { background-color: #444444; border-color: #444444; } .bkg-black { background-color: #000000; border-color: #000000; } .bkg-hover-black:hover { background-color: #000000; border-color: #000000; } .bkg-base { background: #eeeeee; border-color: #666666; border-color: #eeeeee; } .bkg-hover-base:hover { background: #d0d0d0; border-color: #666666; border-color: #eeeeee; } .bkg-behance, .bkg-hover-behance:hover { background-color: #1769ff; color: #ffffff; } .bkg-dribbble, .bkg-hover-dribbble:hover { background-color: #ea4c89; color: #ffffff; } .bkg-facebook, .bkg-hover-facebook:hover { background-color: #3b5998; color: #ffffff; } .bkg-flickr, .bkg-hover-flickr:hover { background-color: #0063DC; color: #ffffff; } .bkg-github, .bkg-hover-github:hover { background-color: #333; color: #ffffff; } .bkg-gplus, .bkg-hover-gplus:hover { background-color: #d34836; color: #ffffff; } .bkg-instagram, .bkg-hover-instagram:hover { background-color: #517fa4; color: #ffffff; } .bkg-linkedin, .bkg-hover-linkedin:hover { background-color: #007bb6; color: #ffffff; } .bkg-pinterest, .bkg-hover-pinterest:hover { background-color: #cb2027; color: #ffffff; } .bkg-skype, .bkg-hover-skype:hover { background-color: #12A5F4; color: #ffffff; } .bkg-soundcloud, .bkg-hover-soundcloud:hover { background-color: #f80; color: #ffffff; } .bkg-spotify, .bkg-hover-spotify:hover { background-color: #7ab800; color: #ffffff; } .bkg-tumblr, .bkg-hover-tumblr:hover { background-color: #35465c; color: #ffffff; } .bkg-twitter, .bkg-hover-twitter:hover { background-color: #00aced; color: #ffffff; } .bkg-vimeo, .bkg-hover-vimeo:hover { background-color: #1ab7ea; color: #ffffff; } .bkg-youtube, .bkg-hover-youtube:hover { background-color: #bb0000; color: #ffffff; } [class*="color-"] * { color: inherit !important; } .color-turquoise { color: #00a186; } .color-hover-turquoise:hover { color: #008b73; } .color-turquoise-light { color: #00bd9c; } .color-hover-turquoise-light:hover { color: #00a186; } .color-green { color: #1bb05d; } .color-hover-green:hover { color: #179851; } .color-green-light { color: #1ecd6d; } .color-hover-green-light:hover { color: #1bb05d; } .color-blue { color: #227fbb; } .color-hover-blue:hover { color: #1d6ea3; } .color-blue-light { color: #2c96dd; } .color-hover-blue-light:hover { color: #227fbb; } .color-navy { color: #2c3e51; } .color-hover-navy:hover { color: #1f2d3b; } .color-navy-light { color: #33495f; } .color-hover-navy-light:hover { color: #2c3e51; } .color-purple { color: #8f3faf; } .color-hover-purple:hover { color: #7b3697; } .color-purple-light { color: #b078c6; } .color-hover-purple-light:hover { color: #8f3faf; } .color-yellow { color: #f3b100; } .color-hover-yellow:hover { color: #e2a50b; } .color-yellow-light { color: #ffbe12; } .color-hover-yellow-light:hover { color: #f3b100; } .color-orange { color: #e87f04; } .color-hover-orange:hover { color: #df6f0b; } .color-orange-light { color: #f59d00; } .color-hover-orange-light:hover { color: #e87f04; } .color-red { color: #c23824; } .color-hover-red:hover { color: #a9311f; } .color-red-light { color: #ea4b35; } .color-hover-red-light:hover { color: #c23824; } .color-white { color: #ffffff; } .color-hover-white:hover { color: #ffffff; } .color-grey { color: #666666; } .color-hover-grey:hover { color: #555555; } .color-grey-light { color: #999999; } .color-hover-grey-light:hover { color: #888888; } .color-grey-ultralight { color: #f4f4f4; } .color-hover-grey-ultralight:hover { color: #f1f1f1; } .color-charcoal { color: #333333; } .color-hover-charcoal:hover { color: #222222; } .color-charcoal-light { color: #555555; } .color-hover-charcoal-light:hover { color: #444444; } .color-black { color: #000000; } .color-hover-black:hover { color: #000000; } .color-base { color: #666666; } .color-hover-base:hover { color: #666666; } .color-behance, .color-hover-behance:hover { color: #1769ff; } .color-dribbble, .color-hover-dribbble:hover { color: #ea4c89; } .color-facebook, .color-hover-facebook:hover { color: #3b5998; } .color-flickr, .color-hover-flickr:hover { color: #0063DC; } .color-github, .color-hover-github:hover { color: #333; } .color-gplus, .color-hover-gplus:hover { color: #d34836; } .color-instagram, .color-hover-instagram:hover { color: #517fa4; } .color-linkedin, .color-hover-linkedin:hover { color: #007bb6; } .color-pinterest, .color-hover-pinterest:hover { color: #cb2027; } .color-skype, .color-hover-skype:hover { color: #12A5F4; } .color-soundcloud, .color-hover-soundcloud:hover { color: #f80; } .color-spotify, .color-hover-spotify:hover { color: #7ab800; } .color-tumblr, .color-hover-tumblr:hover { color: #35465c; } .color-twitter, .color-hover-twitter:hover { color: #00aced; } .color-vimeo, .color-hover-vimeo:hover { color: #1ab7ea; } .color-youtube, .color-hover-youtube:hover { color: #bb0000; } [class*="bkg-"]::-webkit-input-placeholder, [class*="border-"]::-webkit-input-placeholder, [class*="color-"]::-webkit-input-placeholder { color: inherit; } [class*="bkg-"]::-moz-placeholder, [class*="border-"]::-moz-placeholder, [class*="color-"]::-moz-placeholder { color: inherit; } [class*="bkg-"]:-ms-input-placeholder, [class*="border-"]:-ms-input-placeholder, [class*="color-"]:-ms-input-placeholder { color: inherit; } .highlight { background: #eeeeee; border-color: #eeeeee; } .info { background: #d9edf7; color: #31708f; border-color: #d9edf7; } .success { background: #dff0d8; color: #3c763d; border-color: #dff0d8; } .alert { background: #fcf8e3; color: #8a6d3b; border-color: #fcf8e3; } .warning { background: #f2dede; color: #a9444a; border-color: #f2dede; } input, textarea, button, a { -webkit-transition-property: background, border-color, color, opacity; -moz-transition-property: background, border-color, color, opacity; -o-transition-property: background, border-color, color, opacity; -ms-transition-property: background, border-color, color, opacity; transition-property: background, border-color, color, opacity; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; } .bar, .box, .overlay-info, .thumbnail img { -webkit-transition-property: padding, background, color, opacity, box-shadow, -webkit-transform; -moz-transition-property: padding, background, color, opacity, box-shadow, -moz-transform; -o-transition-property: padding, background, color, opacity, box-shadow, -o-transform; -ms-transition-property: padding, background, color, opacity, box-shadow, -ms-transform; transition-property: padding, background, color, opacity, box-shadow, transform; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; } [class*="animation-"] { -webkit-backface-visibility: hidden; } .animation-fade-in { opacity: 0; } .animation-slide-in-top { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .animation-slide-in-right { opacity: 0; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .animation-slide-in-bottom { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .animation-slide-in-left { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .animation-scale-in { opacity: 0; -webkit-transform: scale3d(0.1,0.1,1); -moz-transform: scale3d(0.1,0.1,1); -ms-transform: scale3d(0.1,0.1,1); -o-transform: scale3d(0.1,0.1,1); transform: scale3d(0.1,0.1,1); } .animation-rotate-in { opacity: 0; -webkit-transform: rotate3d(0.1, 0.1, 1, -180deg); -moz-transform: rotate3d(0.1, 0.1, 1, -180deg); -ms-transform: rotate3d(0.1, 0.1, 1, -180deg); -o-transform: rotate3d(0.1, 0.1, 1, -180deg); transform: rotate3d(0.1, 0.1, 1, -180deg); } .animation-width { width: 0; } .animation-height { height: 0; } .no-transition { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; -ms-transition-duration: 0ms !important; transition-duration: 0ms !important; } @media only screen and (max-width: 1140px) { body.boxed .wrapper-inner, .row { max-width: 96rem; } .navigation li:last-child .sub-menu { right: 0; } .content-grid-5 .grid-item, .content-grid-6 .grid-item { width: 25%; } } @media only screen and (max-width: 1023px) { .navigation > ul > li:nth-last-child(2) > .sub-menu { right: 0; } .navigation > ul > li:nth-last-child(2) > .sub-menu ul { right: 18rem; left: auto; } .content-grid-5 .grid-item, .content-grid-6 .grid-item { width: 33.33333%; } } @media only screen and (min-width: 960px) { .table tr:last-child > td { border-bottom: none; } .table > tbody > tr > td:first-child { border-left: none; } } @media only screen and (max-width: 960px) { .overlay-navigation-wrapper.active { position: absolute; } .aux-navigation-active .wrapper { position: fixed; } .aux-navigation-active .side-navigation-wrapper, .aux-navigation-active .overlay-navigation-wrapper { position: absolute; } body.boxed .wrapper-inner, .row { max-width: 76rem; } header .navigation { display: none !important; } .nav-bar .logo.logo-center { margin-left: -2.5rem !important; float: left; position: relative; left: 50%; } .navigation-show { display: block; } .table { width: 100%; display: block; position: relative; } .table > thead, .table > thead > tr { display: block; float: left; } .table > thead > tr > th { display: block; } .table > tbody { display: block; position: relative; overflow-x: auto; white-space: nowrap; } .table > tbody > tr { display: inline-block; vertical-align: top; margin-right: -0.4rem; } .table > tbody > tr > td { display: block; } .table tr > td:last-child { border-bottom: none; } .table th + th { border-left: none; border-bottom: 1px solid transparent; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .pricing-table.columns-3 .pricing-table-column { width: 33.33333%; } .pricing-table.columns-2 .pricing-table-column, .pricing-table.columns-4 .pricing-table-column, .pricing-table.columns-5 .pricing-table-column { width: 50%; } .pricing-table.columns-4 .pricing-table-column:nth-last-child(2), .pricing-table.columns-5 .pricing-table-column:last-child, .pricing-table.columns-5 .pricing-table-column:nth-last-child(3) { border-left: 1px solid #eeeeee; } } @media only screen and (max-width: 768px) { body.boxed .wrapper-inner, .row { max-width: 60rem; } .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-12 { width: 100%; } [class*="offset-"] { margin-left: 0; } .column[class*='push-'], .column[class*='pull-'] { position: static; left: 0; right: 0; } [class*="content-grid-"] .grid-item { width: 100%; } .dropdown .login-form-container .button { width: 100%; display: block; text-align: center; } button.no-label-on-mobile span:not([class*="icon-"]), .button.no-label-on-mobile span:not([class*="icon-"]) { /*display: none;*/ } button.no-label-on-mobile [class*="icon-"]:before, .button.no-label-on-mobile [class*="icon-"]:before { margin: 0; } blockquote { width: 100% !important; } .lead { font-size: 1.8rem; line-height: 1.5; font-weight: 200; } .timeline.vertical-indication .timeline-title, .timeline.vertical-indication .timeline-description { padding-left: 7rem; } .timeline.vertical-indication .timeline-title:before { width: 0.1rem; content: ""; background-color: #e7e7e7; position: absolute; left: 1.5rem; top: 0; bottom: 0; } .timeline.vertical-indication .timeline-title:after { left: 1.5rem; } .timeline.vertical-indication .timeline-title:before, .timeline.vertical-indication .timeline-description:before { left: 2rem; } .timeline.vertical-indication li:last-child .timeline-title:before { display: none; } .pricing-table.columns-3 .pricing-table-column.callout { top: 0; } .pricing-table.columns-3 .pricing-table-column { margin-bottom: 0.5rem; } .pricing-table.columns-2 .pricing-table-column, .pricing-table.columns-3 .pricing-table-column, .pricing-table.columns-4 .pricing-table-column, .pricing-table.columns-5 .pricing-table-column { width: 50%; } .pricing-table.columns-3 .pricing-table-column:last-child, .pricing-table.columns-4 .pricing-table-column:nth-last-child(2), .pricing-table.columns-5 .pricing-table-column:last-child, .pricing-table.columns-5 .pricing-table-column:nth-last-child(3) { border-left: 1px solid #eeeeee; } .hide-on-mobile, .hide-on-mobile * { display: none !important; visibility: hidden !important; } .show-on-mobile, .show-on-mobile * { display: block !important; visibility: visible !important; } .pull-left-on-mobile { float: left !important; } .pull-right-on-mobile { float: right !important; } .clear-float-on-mobile { float: none !important; } .v-align-bottom, .v-align-bottom-on-mobile { padding-bottom: 2rem !important; vertical-align: bottom !important; } .v-align-top, .v-align-top-on-mobile { padding-top: 2rem !important; vertical-align: top !important; } .no-padding-on-mobile { padding: 0 !important; } .no-background-on-mobile { background: none !important; border: none !important; } .thumbnail .v-align-top, .thumbnail .v-align-top-on-mobile, .thumbnail .v-align-bottom, .thumbnail .v-align-bottom-on-mobile { padding-top: 0 !important; padding-bottom: 0 !important; } .background-on-mobile { width: 100%; padding-top: 3rem; padding-bottom: 3rem; background: #f4f4f4; color: #666; text-align: left; position: relative; z-index: 1; } .v-align-top-on-mobile .background-on-mobile { margin-top: -2rem; } .v-align-bottom-on-mobile .background-on-mobile { margin-bottom: -2rem; } .left-on-mobile { text-align: left !important; } .center-on-mobile { text-align: center !important; } .right-on-mobile { text-align: right !important; } .row.background-on-mobile { padding-left: 0; padding-right: 0; } .background-on-mobile .column > *:last-child { margin-bottom: 0; } .row > .background-on-mobile { margin-left: 0; margin-right: 0; } .no-transition-on-mobile { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; -ms-transition-duration: 0ms !important; transition-duration: 0ms !important; } } @media only screen and (max-width: 600px) { body.boxed .wrapper-inner, .row { max-width: 48rem; } [class*="portfolio-"].full-width [class*="content-grid"] { margin-left: .5rem!important; margin-right: .5rem!important; } .item-description{ display:none!important; } } @media only screen and (max-width: 480px) { body.boxed .wrapper-inner, .row { max-width: 35rem; } [class*="content-grid-"] .grid-item { width: 100%; } .side-navigation-wrapper { width: 25rem; -webkit-transform: translate3d(-25rem,0,0); -moz-transform: translate3d(-25rem,0,0); -ms-transform: translate3d(-25rem,0,0); -o-transform: translate3d(-25rem,0,0); transform: translate3d(-25rem,0,0); } .side-navigation-wrapper.enter-right { -webkit-transform: translate3d(25rem,0,0); -moz-transform: translate3d(25rem,0,0); -ms-transform: translate3d(25rem,0,0); -o-transform: translate3d(25rem,0,0); transform: translate3d(25rem,0,0); } .side-navigation-wrapper.active { -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); } .element-reveal-left { -webkit-transform: translate3d(25rem,0,0); -moz-transform: translate3d(25rem,0,0); -ms-transform: translate3d(25rem,0,0); -o-transform: translate3d(25rem,0,0); transform: translate3d(25rem,0,0); } .element-reveal-right { -webkit-transform: translate3d(-25rem,0,0); -moz-transform: translate3d(-25rem,0,0); -ms-transform: translate3d(-25rem,0,0); -o-transform: translate3d(-25rem,0,0); transform: translate3d(-25rem,0,0); } .side-navigation-wrapper.hide { right: 25rem; } .side-navigation-wrapper.enter-right.hide { right: -25rem; } .element-show-left { left: 25rem; } .element-show-right { left: -25rem; } .nav-bar .dropdown { position: static; } .nav-bar .dropdown-list { left: 1.5rem !important; right: 1.5rem !important; } .list-group { margin-bottom: 0; } blockquote { width: 100% !important; } .tabs.vertical .tab-nav, .tabs.vertical.right .tab-nav, .tabs.vertical .tab-panes, .tabs.vertical.right .tab-panes { width: 100%; float: none; } .tab-nav li { width: 100%; float: none; } .tab-nav li a { width: 100%; } .tabs.rounded li:first-child a { border-radius: 0.3rem 0.3rem 0 0; } .tabs.rounded .tab-panes { border-radius: 0 0 0.3rem 0.3rem; } .tabs li.active:last-child a { border-bottom: 1px solid #eeeeee; } .tabs.vertical li.active a, .tabs.vertical.right li.active a { border-left: 1px solid #eeeeee; } .tabs.vertical .tab-panes, .tabs.vertical.right .tab-panes { border-top: none; } .pricing-table.columns-2 .pricing-table-column, .pricing-table.columns-3 .pricing-table-column, .pricing-table.columns-4 .pricing-table-column, .pricing-table.columns-5 .pricing-table-column { width: 100%; } .pricing-table .pricing-table-column.callout { top: 0; } .pricing-table .pricing-table-column { margin-bottom: 0.5rem; } .pricing-table[class*="columns-"] .pricing-table-column { border-left: 1px solid #eeeeee; } } @media only screen and (max-width : 350px) { body.boxed .wrapper-inner, .row { max-width: 100%; } } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tm-slider-container, .mobile .tm-slider-parallax-container .tm-slider-container { background: none; position: relative; } .tm-slider-parallax-container .tm-slider-container { position: fixed; } .tm-slider-container.background-slider { position: absolute; z-index: 0; } .tm-slider-container.fullscreen, .tm-slider-container.full-width-slider { width: 100%; } .tm-slider-container.fullscreen { width: 100%; height: 100%; height: 100vh; } .tm-slider-container.tms-carousel { overflow: hidden; } .tm-slider-container.tms-scalable-height { -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; -ms-transition-property: height; transition-property: height; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; -ms-transition-duration: 600ms; transition-duration: 600ms; } .tms-slides { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; line-height: 1; overflow: hidden; position: relative; } .tms-slide { width: 100%; height: 100%; overflow: hidden; visibility: hidden; position: absolute; left: 0; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .tms-slide.active { visibility: visible; } .tms-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .tms-error { width: 100%; font-size: 1.4rem; text-align: center; position: relative; top: 50%; } .tms-slide > video, .tms-slide > iframe, .tms-slide > object, .tms-slide > embed { position: relative; opacity: 0; } .tms-slide > video { z-index: 1; } .tms-slide.tms-video-no-ratio > video, .tms-slide.tms-video-no-ratio > iframe, .tms-slide.tms-video-no-ratio > object, .tms-slide.tms-video-no-ratio > embed { width: 100% !important; height: 100% !important; position: static; } .tms-slide img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; float: none; position: relative; transform: translate(0,0); } .tms-carousel .tms-slide img { max-height: none; } .tms-slide > video + img, .tms-slide.tms-forcefit > img, .tms-fullscreen .tms-slide > img { max-width: none; max-height: none; float: none; position: absolute; } .tms-progress-bar { width: 0; height: 0.5rem; background: rgba( 0, 0, 0, 0.3 ); position: absolute; top: 0; z-index: 2; } .tm-loader, .tm-loader #circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tm-loader { width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem; position: absolute; top: 50%; left: 50%; } .tm-loader #circle { width: 2rem; height: 2rem; background: #666666; -webkit-animation: preloader 1s ease infinite; -moz-animation: preloader 1s ease infinite; -o-animation: preloader 1s ease infinite; animation: preloader 1s ease infinite; } @-webkit-keyframes "preloader" { from; { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: 0; -webkit-transform: scale( 0 ); } } @keyframes "preloader" { from; { opacity: 1; transform: scale( 1 ); } to { opacity: 0; transform: scale( 0 ); } } .tms-caption { width: auto; display: inline-block !important; background-image: url(../Content/Images/blank.png); opacity: 0; position: absolute; z-index: 2; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .tms-caption video, .tms-caption iframe, .tms-caption object, .tms-caption embed { width: 100% !important; height: 100% !important; } .tms-caption.no-transition { opacity: 1 !important; visibility: hidden; display: block !important; } .tms-caption:last-child { margin-bottom: 0; } .tms-content { width: 100%; max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: table; table-layout: fixed; text-align: center; position: absolute; z-index: 2; } .tms-content-inner { height: 100%; vertical-align: middle; display: table-cell; float: none; } .tms-content-scalable { padding-bottom: 3rem; } .tms-content-inner .tms-caption { position: static; } .tms-content-inner.left { text-align: left; } .tms-content-inner.right { text-align: right; } .tms-content-inner.v-align-top { padding-top: 7rem; vertical-align: top; } .tms-content-inner.v-align-bottom { padding-bottom: 7rem; vertical-align: bottom; } .tms-fullscreen .tms-caption { position: relative; } .tms-slide .row, .tms-slide .column { height: 100%; } .tms-content .row, .tms-content .column { height: auto; } .tms-slide .row .tms-content { position: relative; } @media only screen and (max-width: 768px) { .tms-slide .row .tms-content, .tms-slide .row .tms-content-inner { display: block; } .tms-caption.hide-on-mobile { display: none !important; } } .tms-arrow-nav { margin-top: -2.5rem; width: 5rem; height: 5rem; background-color: rgba(0,0,0,0.3); color: #ccc; font-size: 3rem; text-align: center; line-height: 5rem; display: none; position: absolute; z-index: 10; } .tms-arrow-nav:hover { width: 7rem; color: #fff; } #tms-next { top: 50%; right: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #tms-next:before { content: '\e644'; } #tms-prev { top: 50%; left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #tms-prev:before { content: "\e643"; } .tms-pagination { width: 100%; text-align: center; display: none; position: absolute; bottom: 2rem; line-height: 0; z-index: 10; } .tms-bullet-nav { width: 0.8rem; height: 0.8rem; margin: 0 0.3rem; display: inline-block; background: #ffffff; opacity: 0.5; border-radius: 50%; } .tms-thumb-nav { width: 5rem; height: 5rem; opacity: 0.5; } .tms-bullet-nav:hover, .tms-thumb-nav:hover { opacity: 1; } .tms-bullet-nav.active, .tms-thumb-nav.active { opacity: 1; } .tm-slider-container.show-on-hover .tms-arrow-nav, .tm-slider-container.show-on-hover .tms-pagination { opacity: 0; } .tm-slider-container.show-on-hover:hover .tms-arrow-nav, .tm-slider-container.show-on-hover:hover .tms-pagination { opacity: 1; } .tm-slider-container.background-slider .tms-arrow-nav, .tm-slider-container.background-slider .tms-pagination { display: none !important; } .tms-arrow-nav, .tms-pagination { -webkit-transition-property: width, background, color, opacity; -moz-transition-property: width, background, color, opacity; -o-transition-property: width, background, color, opacity; -ms-transition-property: width, background, color, opacity; transition-property: width, background, color, opacity; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; } @font-face { font-family: 'icomoon'; src: url('../fonts/entypo.eot?-r9lvae'); src: url('../fonts/entypo.eot?#iefix-r9lvae') format('embedded-opentype'), url('../fonts/entypo.woff?-r9lvae') format('woff'), url('../fonts/entypo.ttf?-r9lvae') format('truetype'), url('../fonts/entypo.svg?-r9lvae#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="tms-arrow-nav"]:before, [class*="tms-arrow-nav"]:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modal-open { overflow: hidden; } #tml-lightbox, #tml-content-wrapper, #tml-content { position: absolute; } .tm-lightbox { width: 100%; height: 100%; background: #000; background: rgba(255,255,255,.9); opacity: 0; top: 0; left: 0; position: fixed; z-index: 1000; -webkit-backface-visibility: hidden; } #tm-lightbox.tml-modal-mode { background: rgba(0,0,0,0.2); overflow-x: hidden; overflow-y: auto; } #tml-content { width: 100%; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; } .tml-modal-mode .modal-dialog { background: #fff; box-shadow: 0 0 1rem rgba( 0,0,0,.5 ); } .tml-modal-mode .modal-dialog > div { padding-left: 3rem; padding-right: 3rem; } #tml-content-wrapper.zoomed { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } #tml-content.scrollable-content:not(.modal-dialog) { background: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #tml-content.tml-error { width: 100%; background: none; font-size: 1.4rem; font-weight: bold; text-align: center; top: 50%; left: 0; box-shadow: none; } @media only screen and (max-width: 479px) { #tml-content-wrapper { left: 10% !important; right: 10% !important; } .tml-modal-mode #tml-content-wrapper { left: 5% !important; right: 5% !important; } } #tml-content video, #tml-content iframe, #tml-content object, #tml-content embed { width: 100% !important; height: 100% !important; } .tm-loader, .tm-loader #circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tm-loader { width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem; position: absolute; top: 50%; left: 50%; } .tm-loader #circle { width: 2rem; height: 2rem; background: #666666; -webkit-animation: preloader 1s ease infinite; -moz-animation: preloader 1s ease infinite; -o-animation: preloader 1s ease infinite; animation: preloader 1s ease infinite; } @-webkit-keyframes "preloader" { from; { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: 0; -webkit-transform: scale( 0 ); } } @keyframes "preloader" { from; { opacity: 1; transform: scale( 1 ); } to { opacity: 0; transform: scale( 0 ); } } #tml-caption { width: 100%; font-size: 1.2rem; font-style: italic; text-align: center; opacity: 0; -webkit-backface-visibility: hidden; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; position: absolute; bottom: 0; } #tml-caption span { width: 100%; background-color: rgba(255,255,255,0.5); display: block; padding: 1rem 1.5rem; border-top: 0.1rem solid #eeeeee; } .tml-nav { width: 4.4rem; height: 4.4rem; font-size: 2rem; text-align: center; text-transform: capitalize; line-height: 4.4rem; opacity: 0.4; position: absolute; z-index: 10; } .tml-nav:hover { opacity: 1; } #tml-next { top: 50%; right: 3rem; margin-top: -2.1rem; } #tml-next:before { content: '\e644'; } #tml-prev { top: 50%; left: 3rem; margin-top: -2.1rem; } #tml-prev:before { content: '\e643'; } #tml-exit { top: 1.5rem; right: 3rem; } .tml-modal-mode #tml-exit { right: 1.5rem; } #tml-tool-bar { margin: 0; display: inline-block; position: absolute; top: 1.5rem; left: 3rem; } #tml-tool-bar .tml-nav { font-size: 1.5rem; } #tml-tool-bar .tml-nav, #tml-tool-bar #tml-share-wrapper, #tml-tool-bar .tml-social-list { float: left; position: relative; } #tml-tool-bar .tml-social-list.list-vertical, #tml-tool-bar .tml-social-list.list-vertical .tml-nav { float: none; text-align: left; } #tml-tool-bar .tml-social-list { margin: 0; text-align: left; opacity: 0; visibility: hidden; position: relative; z-index: 101; -webkit-transition-property: -webkit-transform, opacity, visibility; -moz-transition-property: -moz-transform, opacity, visibility; -o-transition-property: -o-transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } #tml-tool-bar .tml-social-list, #tml-tool-bar .tml-social-list li { overflow: hidden; } #tml-tool-bar .tml-social-list li a { margin-right: 1rem; } #tml-tool-bar .tml-social-list.active { opacity: 1; visibility: visible; } #tml-tool-bar .tml-social-list .tml-nav { width: auto; min-width: 4.4rem; font-size: 1.1rem; } #tml-tool-bar #tml-zoom:before { content: '\e6cd'; } #tml-tool-bar #tml-share:before { content: '\e70b'; } #tml-exit:before { content: '\e66f'; } .tml-nav { -webkit-transition-property: color, opacity; -moz-transition-property: color, opacity; -o-transition-property: color, opacity; -ms-transition-property: color, opacity; transition-property: color, opacity; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; } @font-face { font-family: 'icomoon'; src: url('../fonts/entypo.eot?-r9lvae'); src: url('../fonts/entypo.eot?#iefix-r9lvae') format('embedded-opentype'), url('../fonts/entypo.woff?-r9lvae') format('woff'), url('../fonts/entypo.ttf?-r9lvae') format('truetype'), url('../fonts/entypo.svg?-r9lvae#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="tml-nav"]:before, [class*="tml-nav"]:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .parallax { height: 55rem; background: #000; position: relative; overflow: hidden; } .parallax.fullscreen { width: 100%; height: 100%; height: 100vh; } .parallax .horizon { opacity: 0; visibility: hidden; } .tm-parallax, .tmp-content, .tmp-content-inner { width: 100%; height: 100%; } .tmp-content { max-width: 114rem; height: 100%; margin-left: auto; margin-right: auto; display: table; text-align: center; } .tm-parallax { overflow: hidden; visibility: visible; position: absolute; top: 0; left: 0; z-index: 0; -webkit-backface-visibility: hidden; } .tmp-content { display: table; } .tmp-content-inner { height: 100%; vertical-align: middle; display: table-cell; float: none; position: relative; z-index: 1; } .tmp-content-inner.left { text-align: left; } .tmp-content-inner.right { text-align: right; } .tmp-content-inner.v-align-top { padding-top: 7rem; vertical-align: top; } .tmp-content-inner.v-align-bottom { padding-bottom: 7rem; vertical-align: bottom; } .tmp-mobile { height: 'auto'; } .tm-parallax img { width: 100%; max-width: none; position: absolute; opacity: 1; -webkit-backface-visibility: hidden; } .tm-loader, .tm-loader #circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tm-loader { width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem; position: absolute; top: 50%; left: 50%; } .tm-loader #circle { width: 2rem; height: 2rem; background: #666666; -webkit-animation: preloader 1s ease infinite; -moz-animation: preloader 1s ease infinite; -o-animation: preloader 1s ease infinite; animation: preloader 1s ease infinite; } @-webkit-keyframes "preloader" { from; { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: 0; -webkit-transform: scale( 0 ); } } @keyframes "preloader" { from; { opacity: 1; transform: scale( 1 ); } to { opacity: 0; transform: scale( 0 ); } } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .horizon { opacity: 0; visibility: hidden; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, .content { background-color: #fff; } body.boxed { background-color: #000; } body.boxed .wrapper-inner { background-color: #fff; } .section-block { width: 100%; padding-top: 7rem; padding-bottom: 7rem; background-size: cover; background-position: center; position: relative; z-index: 1; } .replicable-content { padding-bottom: 4rem; } .section-block.featured-media, body.boxed .section-block.featured-media { padding-top: 0; padding-bottom: 0; } body.boxed .section-block { padding-left: 1.5rem; padding-right: 1.5rem; } body.boxed .section-block.featured-media { margin-left: -1.5rem; margin-right: -1.5rem; } .background-fixed, .background-fixed:before, .background-fixed:after { background-attachment: fixed; } .mobile .background-fixed, .mobile .background-fixed:before, .mobile .background-fixed:after { background-attachment: scroll; } .background-cover, .background-cover:before, .background-cover:after, .fullscreen-section.background-cover .background-image { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .background-contain, .background-contain:before, .background-contain:after, .fullscreen-section.background-contain .background-image { background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; } .background-full, .fullscreen-section.background-full .background-image { background-size: 100%; background-position: center center; background-repeat: no-repeat; } .horizon { opacity: 0; visibility: hidden; } .aux-navigation-active .one-page-nav + .wrapper { position: absolute; } .aux-navigation-active .side-navigation-wrapper.one-page-nav, .aux-navigation-active .overlay-navigation-wrapper.one-page-nav { position: fixed; } .masonry-grid, .row .masonry-grid { max-width: 100%; min-height: 30rem; visibility: hidden; z-index: 1; } .masonry-grid.fade-in-progressively .grid-item, .masonry-grid.fade-in-progressively .masonry-stamp { opacity: 0; } .masonry-grid.filtering { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .masonry-set-dimensions { padding-top: 7rem; padding-bottom: 6rem; } .masonry-set-dimensions.full-width .row { max-width: 100%; } .masonry-set-dimensions.full-width [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .masonry-set-dimensions.full-width > .row > .column { padding-left: 0; padding-right: 0; } .masonry-set-dimensions.small-margins.full-width > .row > .column { padding-left: 0.5rem; padding-right: 0.5rem; } .masonry-set-dimensions.no-margins [class*="content-grid"], .masonry-set-dimensions.no-margins [class*="content-grid"] .grid-item { padding: 0 !important; margin: 0 !important; } .masonry-set-dimensions.full-width.no-margins { padding: 0; } .masonry-set-dimensions.no-padding-top { padding-top: 1rem; } .masonry-set-dimensions.no-padding-bottom { padding-bottom: 0.5rem; } .masonry-set-dimensions > .row > .column { padding-left: 0; padding-right: 0; } .masonry-set-dimensions [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-top: -1.5rem; margin-left: 0; margin-right: 0; margin-bottom: -1.5rem; } .masonry-set-dimensions [class*="content-grid"] .grid-item { margin-bottom: 0; padding: 1.5rem; position: relative; } .masonry-set-dimensions.small-margins > .row > .column { padding-left: 1rem; padding-right: 1rem; } .masonry-set-dimensions.small-margins [class*="content-grid"] { margin-top: -0.5rem; margin-bottom: -0.5rem; } .masonry-set-dimensions.small-margins [class*="content-grid"] .grid-item { padding: 0.5rem; } .masonry-set-dimensions.no-margins > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } .masonry-set-dimensions.no-margins.full-width > .row > .column { padding-left: 0rem; padding-right: 0rem; } .masonry-set-dimensions .thumbnail { height: 100%; overflow: hidden; margin-bottom: 0; } .masonry-set-dimensions .grid-item { overflow: hidden; } .masonry-set-dimensions .grid-item img { width: 100%; } .masonry-set-dimensions .content-outer { width: 100%; height: 100%; display: table; position: relative; bottom: 0; } .masonry-set-dimensions .thumbnail + .content-outer { position: absolute; } .masonry-set-dimensions .content-inner { width: 100%; height: 100%; padding: 3rem; display: table-cell; vertical-align: middle; } .masonry-set-dimensions .content-inner > *:first-child { margin-top: 0; } .masonry-set-dimensions .content-inner > *:last-child { margin-bottom: 0; } .masonry-set-dimensions .content-slider, .masonry-set-dimensions video, .masonry-set-dimensions iframe { width: 100% !important; height: 100% !important; } .masonry-set-dimensions .content-slider img { width: auto; } .masonry-set-dimensions .mejs-container { width: 20rem; height: 3rem; margin-left: -10rem; margin-top: -1.5rem; position: absolute; left: 50%; top: 50%; } .masonry-stamp { padding: 1.5rem; } .small-margins .masonry-stamp { padding: 0.5rem; } .no-margins .masonry-stamp { padding: 0; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .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; } .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; } .header { width: 100%; background-color: #232323; position: relative; } .header .header-inner { max-width: 100%; opacity: 1; position: relative; z-index: 100; -webkit-transform: translateZ(0); } body.boxed .header .header-inner { max-width: 114rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-left: auto; margin-right: auto; } .header .logo { height: auto; line-height: 1; float: left; } .header .logo a { font-weight: bold; text-decoration: none; color: #ffffff; display: block; -webkit-transition-property: opacity, background, color, visibility, -webkit-transform; -moz-transition-property: opacity, background, color, visibility, -moz-transform; -o-transition-property: opacity, background, color, visibility, -o-transform; -ms-transition-property: opacity, background, color, visibility, -ms-transform; transition-property: opacity, background, color, visibility, transform; } .header .logo a:hover { opacity: 0.6 !important; } .header .logo img { width: 100%; height: auto; max-height: 100%; } .header .navigation { float: right; } .header.header-sticky .header-inner { width: 100%; position: fixed; top: 0; bottom: auto; z-index: 100; } .header.fixed-width .header-inner { max-width: 114rem; margin-left: auto; margin-right: auto; } .header.fixed-width.header-sticky { width: 114rem; margin-left: auto; margin-right: auto; } .header .logo a:first-child { display: none; } .header .logo a:last-child { display: table-cell; } .mobie .header .logo a:first-child, .header-background .logo a:first-child { display: table-cell; } .header-background .logo a + a { display: none !important; } .header.header-animated { -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; -ms-transition-property: height; transition-property: height; } .header.header-animated .header-inner, .header.header-animated .header-inner .navigation, .header.header-animated .header-inner .navigation > ul > li > a, .header.header-animated .header-inner .button, .header.header-animated .header-inner .button-nav .header.header-animated .header-inner .dropdown { -webkit-transition-property: height, background, border, padding, margin, font-size, color, opacity; -moz-transition-property: background, border, padding, margin, font-size, color, opacity; -o-transition-property: background, border, padding, margin, font-size, color, opacity; -ms-transition-property: background, border, padding, margin, font-size, color, opacity; transition-property: background, border, padding, margin, font-size, color, opacity; } .header.header-animated .logo, .header.header-animated .logo span, .header.header-animated .navigation-show { -webkit-transition-property: width, background, border, padding, margin, font-size, opacity; -moz-transition-property: width, background, border, padding, margin, font-size, opacity; -o-transition-property: width, background, border, padding, margin, font-size, opacity; -ms-transition-property: width, background, border, padding, margin, font-size, opacity; transition-property: width, background, border, padding, margin, font-size, opacity; } .header.header-animated, .header.header-animated .header-inner, .header.header-animated .header-inner .navigation, .header.header-animated .header-inner .navigation > ul > li > a, .header.header-animated .logo, .header.header-animated .logo span, .header.header-animated .logo a, .header.header-animated .navigation-show, .header.header-animated .header-inner .button, .header.header-animated .header-inner .button-nav, .header.header-animated .header-inner .dropdown { -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; } .header.header-hide .header-inner { opacity: 0; } .header.header-positioned .header-inner { -webkit-transform: translate3d(0,-10rem,0); -moz-transform: translate3d(0,-10rem,0); -ms-transform: translate3d(0,-10rem,0); -o-transform: translate3d(0,-10rem,0); transform: translate3d(0,-10rem,0); } .header.header-in .header-inner, .header.header-out .header-inner { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .header.header-in .header-inner { -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); } .header.header-out .header-inner { -webkit-transform: translate3d(0,-10rem,0); -moz-transform: translate3d(0,-10rem,0); -ms-transform: translate3d(0,-10rem,0); -o-transform: translate3d(0,-10rem,0); transform: translate3d(0,-10rem,0); } .header.header-in .header-inner .logo, .header.header-in .header-inner .navigation, .header.header-in .navigation-show { transition: none !important; } .header .navigation > ul > li:last-child > a { padding-right: 0; margin-right: 0; } .header-1 { background-color: transparent; background-image: url(../Content/Images/blank.png); position: fixed; top: 0; left: 0; z-index: 100; } .ie-browser .wrapper.inactive .header-1 { position: absolute; } .header-1 .header-inner { background: #fff; } .header-1 .navigation > ul > li:last-child > a { padding-right: 0; margin-right: 0; } .header-1 .logo { width: 13rem; padding-top: 3rem; } .header-1 .logo span { font-size: 2rem; line-height: 2; } .header-1 .header-inner .navigation { padding-top: 4rem; } .header-1 .logo, .header-1 .header-inner .navigation > ul > li > a { padding-bottom: 4rem; } .header-1 .header-inner .navigation > ul > li > a { line-height: 2rem; } .header-1 .navigation-show { height: auto; margin-top: 3rem; margin-left: 2rem; line-height: 1; margin-left: 2rem; display: block; } .header-1 .navigation > ul > li > a, .header-1 .navigation > ul > li > a:hover, .header-1 .navigation > ul > li.current > a, .header-1 .navigation > ul > li.current > a:hover { background-color: rgba(0,0,0,0); } .header-1 .navigation > ul > li.current > a, .header-1 .navigation > ul > li.current > a:hover { color: #fff; } .header-2 .header-inner { background: #232323; } .header-2 .logo, .header-2 .navigation { float: none; } .header-2 .navigation { margin-left: -1.5rem; } .header-2 .header-inner { padding-top: 4rem; } .header-2 .logo { width: 17rem; height: 4.4rem; margin-bottom: 2rem; } .header-2 .logo span { font-size: 2rem; line-height: 2; } .header-2 .header-inner .navigation > ul > li > a, .header-2 .navigation-show { margin-bottom: 5rem; } .header-2 .header-inner .navigation > ul > li > a { line-height: 2rem; } .header-2 .navigation-show { height: auto; margin-left: 2rem; line-height: 1; margin-left: 2rem; display: block; } .header-2.header-compact .header-inner { padding-top: 0; } .header-2.header-compact .logo { margin-bottom: 0; float: left; } .header-2.header-compact .navigation { padding-top: 2rem; margin-left: 5rem; float: left; } .header-2 .navigation > ul > li > a, .header-2 .navigation > ul > li > a:hover, .header-2 .navigation > ul > li.current > a, .header-2 .navigation > ul > li.current > a:hover { background-color: rgba(0,0,0,0); } .header-2 .navigation > ul > li.current > a, .header-2 .navigation > ul > li.current > a:hover { color: #fff; } .header-3 .header-inner-top { width: 100%; height: 4rem; background: #151515; } .header-3 .header-inner-top p { font-size: 1.1rem; line-height: 4rem; margin-bottom: 0; } .header-3 .header-inner-top .navigation { margin-bottom: 0; } .header-3 .header-inner-top .navigation ul li a { height: auto; line-height: 4rem; font-size: 1rem; text-transform: uppercase; background: none; padding: 0 1rem; } .header-3 .header-inner-top .navigation ul li a [class*="icon-"] { font-size: 1.3rem; } .header-3 .header-inner-top .navigation ul li:last-child a [class*="icon-"] { margin-right: 0; } .header-3 .header-inner-top .navigation ul li:hover > a { background: none; color: #ffffff; } .header-3 .header-inner-top .navigation ul li.current > a { background: none; color: #fff; } .header-3 .header-inner { width: 100%; background: #232323; } .header-3 .navigation-show { height: auto; margin-top: 3.7rem; margin-left: 2rem; line-height: 1; margin-left: 2rem; display: block; } .header-3 .logo { width: 13rem; padding-top: 3rem; } .header-3 .logo span { font-size: 2rem; line-height: 2; } .header-3 .header-inner .navigation { padding-top: 4rem; } .header-3 .logo, .header-3 .header-inner .navigation > ul > li > a { padding-bottom: 4rem; } .header-3 .header-inner .navigation > ul > li > a { line-height: 2rem; } .header-3 .navigation > ul > li:last-child > a { padding-right: 0; margin-right: 0; } .header-3 .navigation > ul > li > a, .header-3 .navigation > ul > li > a:hover, .header-3 .navigation > ul > li.current > a, .header-3 .navigation > ul > li.current > a:hover { background-color: rgba(0,0,0,0); } .header-3 .navigation > ul > li.current > a, .header-3 .navigation > ul > li.current > a:hover { color: #fff; } .header-4 { background: transparent; background-image: url(../Content/Images/blank.png); position: absolute; bottom: 0; z-index: 100; } .ie-browser .wrapper.inactive .header-4 { position: absolute; } .header-4 .header-inner { background: none; } .header-4 .navigation > ul > li:last-child > a { padding-right: 0; margin-right: 0; } .header-4 .logo { width: 12rem; padding-top: 2rem; } .header-4 .logo span { font-size: 1.5rem; line-height: 2; } .header-4 .header-inner .navigation { padding-top: 3rem; } .header-4 .logo, .header-4 .header-inner .navigation > ul > li > a { padding-bottom: 3rem; } .header-4 .header-inner .navigation > ul > li > a { line-height: 2rem; } .header-4 .navigation-show { height: auto; margin-top: 2.7rem; margin-left: 2rem; line-height: 1; margin-left: 2rem; display: block; } .header-4 .navigation > ul > li > a, .header-4 .navigation > ul > li > a:hover, .header-4 .navigation > ul > li.current > a, .header-4 .navigation > ul > li.current > a:hover { background-color: rgba(0,0,0,0); } .header-4 .navigation > ul > li.current > a, .header-4 .navigation > ul > li.current > a:hover { color: #fff; } .header.header-background .header-inner { background: #232323; } .header.header-compact .logo { width: 10rem; padding-top: 1.5rem; } .header.header-compact .logo span { font-size: 1.5rem; line-height: 2; } .header.header-compact .header-inner .navigation { padding-top: 2rem; } .header-1.header-compact .logo, .header-2.header-compact .navigation-show, .header-3.header-compact .logo, .header-4.header-compact .logo, .header.header-compact .header-inner .navigation > ul > li > a { padding-bottom: 2rem; } .header.header-compact .header-inner .navigation > ul > li > a { line-height: 2rem; } .header.header-compact .navigation-show { margin-top: 1rem; } .header .social-list.pull-left li:last-child span { margin-left: 0; } .header .social-list.center li:last-child span, .header .social-list.pull-right li:last-child span { margin-right: 0; } .mobile .header { position: static !important; } .mobile .header.header-fixed-on-mobile .header-inner { width: 100%; position: fixed !important; left: 0; top: 0; } .mobile .header.header-sticky .header-inner { position: relative; } .mobile .header, .mobile .header .header-inner { height: 8rem !important; padding-top: 0; background: #232323; } .mobile .header .header-inner, .mobile .header .nav-bar { border-top: none !important; } .mobile .header .header-inner-top { display: none; } .mobile .header .nav-bar, .mobile .header .nav-bar-inner, .mobile .header .navigation-show { height: 100%; } .mobile .header .logo { height: 100%; padding: 0 !important; margin: 0 !important; display: table; float: left; } .mobile .header .logo-inner { display: table-cell; vertical-align: middle; } .mobile .header .logo-inner a { display: block; position: relative; } .mobile .header .logo a:first-child { display: table-cell; vertical-align: middle; } .mobile .header .logo a + a { display: none !important; } .mobile .header .navigation-show { height: 100%; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; display: table !important; visibility: visible !important; } .mobile .header .navigation-show a { display: table-cell; vertical-align: middle; } .mobile .header .header-inner, .mobile .header .logo, .mobile .header .logo span, .mobile .header .navigation-show, .mobile .header .navigation-show a span { transition: none; } @media only screen and (max-width: 1140px) { body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 96rem; } } @media only screen and (max-width: 960px) { .header.header-fixed-on-mobile .header-inner { width: 100%; position: fixed !important; left: 0; top: 0; } body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 76rem; } .header.header-sticky .header-inner { position: relative; } .header { background: none; } .header .header-inner, .header .nav-bar { border-top: none !important;} .header, .header .header-inner { height: auto !important; padding-top: 0; border: none; } .header .header-inner-top { display: none; } .header .nav-bar, .header .nav-bar-inner, .header .navigation-show { height: 100%; } .header .logo { height: 100%; padding: 0 !important; margin: 0 !important; display: table; float: left; } .header .logo-inner { display: table-cell; vertical-align: middle; } .header .logo-inner a { display: block; position: relative; } .header .logo a { display: table-cell; vertical-align: middle; } .header .logo a:first-child { display: table-cell; } .header .logo a + a { display: none !important; } .header .navigation-show { height: 100%; padding-top: 0 !important; padding-bottom: 0 !important; display: table !important; visibility: visible !important; } .header .navigation-show a { display: table-cell; vertical-align: middle; } .header .header-inner, .header .logo, .header .logo span, .header .navigation-show, .header .navigation-show a span { transition: none; } } @media only screen and (max-width: 768px) { body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 60rem; } } @media only screen and (max-width: 600px) { body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 48rem; } } @media only screen and (max-width: 480px) { body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 35rem; } } @media only screen and (max-width : 350px) { body.boxed .header.header-fixed-on-mobile .header-inner { max-width: 100%; } } .side-navigation-header, .side-navigation-header .logo { min-height: 8rem; line-height: 8rem; } .side-navigation-header, .side-navigation-footer { font-size: 1.4rem; line-height: 1.8; } .side-navigation-header { padding: 0 4rem; margin-bottom: 2rem; border-bottom: 1px solid #232323; } .side-navigation-header .logo { width: 100%; } .side-navigation-header .logo a { font-size: 1.5rem; font-weight: bold; text-decoration: none; color: #666666; } .side-navigation-wrapper .navigation-hide { position: absolute; right: 0; top: 0; } .side-navigation { margin-bottom: 3rem; } .side-navigation-footer { width: 100%; padding: 1rem 4rem; font-size: 1.2rem; position: absolute; bottom: 0; } .side-navigation-footer .social-list { margin-bottom: 1rem; } .side-navigation-footer .social-list a:hover { color: #fff; } .side-navigation-wrapper.center .logo, .side-navigation-wrapper.center .side-navigation, .side-navigation-wrapper.center .side-navigation-footer { text-align: center; } .side-navigation-wrapper.center .side-navigation .sub-menu a { padding-left: 4rem; } .mobile .side-navigation-footer { position: relative; } .overlay-navigation-header { width: 100%; padding: 1rem 0; margin-bottom: 3rem; position: absolute; top: 2rem; } .overlay-navigation-wrapper .navigation-hide { min-height: 4rem; line-height: 4rem; position: absolute; right: 3rem; top: 0; } .overlay-navigation-header .logo { width: 13rem; margin: 0 auto; } .overlay-navigation { margin-bottom: 6rem; } .overlay-navigation-footer { font-size: 1.2rem; position: absolute; bottom: 3rem; } .overlay-navigation-footer .copyright { font-size: 1.1rem; } .overlay-navigation-footer .social-list { margin-bottom: 1rem; } .overlay-navigation-footer .social-list a:hover { color: #fff; } @media only screen and (max-width: 960px) { .side-navigation-footer { position: relative; bottom: 1rem; } .overlay-navigation-footer { position: relative; bottom: auto; margin-top: 5rem; } } [class*="intro-title-"] .row, [class*="intro-title-"] .column, .title-container { height: 100%; } .title-container[class^="title-"] { margin-bottom: 0; } .title-container { width: 100%; display: table; } .title-container-inner { display: table-cell; vertical-align: middle; } .title-container-inner > *:first-child { margin-top: 0; } .title-container-inner > *:last-child { margin-bottom: 0; } [class*="intro-title-"] .subtitle { font-size: 2.2rem; line-height: 1.5; font-weight: 300; font-style: italic; } .intro-title-1 { height: 40rem; } .intro-title-2 { height: 40rem; background-image: url(../images/slider/slide-9-fw.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .intro-title-2 h1, .intro-title-2 .subtitle { color: #fff; } @media only screen and (max-width: 768px) { [class*="intro-title-"] h1 { font-size: 4rem; } } @media only screen and (max-width: 480px) { [class*="intro-title-"] h1 { font-size: 3.5rem; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .intro-title-2 { background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); } } [class*="hero-"] > .row, [class*="hero-"] > .row > .column { height: 100%; } .hero-content { width: 100%; height: 100%; display: table !important; table-layout: fixed; } .section-block .hero-content-inner { display: table-cell; vertical-align: middle; } .section-block .hero-content-inner .row, .section-block .hero-content-inner .column { height: auto; } [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner { padding-right: 8.5rem; } [class*="hero-"] .column + .column .split-hero-content .hero-content-inner, [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner { padding-left: 8.5rem; padding-right: 0rem; } body.boxed [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner { padding-right: 3rem; } body.boxed [class*="hero-"] .column + .column .split-hero-content .hero-content-inner, body.boxed [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner { padding-left: 3rem; padding-right: 0rem; } .hero-content-inner > *:first-child { margin-top: 0; } .hero-content-inner > *:last-child { margin-bottom: 0; } [class*="hero-"], [class*="hero-"] > .row:after, [class*="hero-"] > .row:before { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .hero-1 { height: 50rem; background-color: #1ecd6d; text-align: left; color: #fff; } .hero-1 h2, .hero-1 h6 { color: #fff; } .hero-2 { height: 50rem; text-align: left; color: #fff; background-image: url(../images/slider/slide-2-fs-hp.jpg); background-repeat: no-repeat; } .hero-2 h2, .hero-2 h6 { color: #fff; } .hero-3 { height: 50rem; text-align: left; display: table; background-image: url(../images/slider/slide-5-fw.jpg); background-repeat: no-repeat; position: relative; } .hero-3 > div { display: table-cell; vertical-align: middle; float: none; } .hero-3 .row, .hero-3 .column { height: auto; } .hero-3.right .column { float: right; } .hero-3.top { padding-top: 0; } .hero-3.top > div { vertical-align: top; } .hero-3.top .hero-content { border-bottom: 8px solid #333; } .hero-3.bottom { padding-bottom: 0; } .hero-3.bottom > div { vertical-align: bottom; } .hero-3.bottom .hero-content { border-top: 8px solid #333; } .hero-3[class*="center"] { padding-top: 0; } .hero-3.center-left .column { text-align: left; } .hero-3.center .column { margin: auto; float: none; } .hero-3.center-right .column { text-align: right; float: right; } .hero-3 .row { width: 100%; bottom: 0; } .hero-3 .hero-content { background: #fff; position: relative; bottom: 0; } .hero-3 .hero-content-inner { padding: 3rem; } .hero-3 h2, .hero-3 h6 { color: #666; } .hero-4 { height: 50rem; text-align: left; color: #fff; background-image: url(../images/slider/slide-9-fw.jpg); background-repeat: no-repeat; position: relative; } .hero-4 > .row:before { width: 50%; height: 100%; background-color: rgba(0,0,0,0.3); content: ""; position: absolute; top: 0; left: 0; } .hero-4.right > .row:before { top: 0; right: 0; left: auto; } .hero-4 .column { position: relative; } .hero-4 h2, .hero-4 h6 { color: #fff; } .hero-5 { height: 50rem; color: #fff; text-align: left; position: relative; } .hero-5 > .row:before { width: 50%; height: 100%; background-color: #2c96dd; content: ""; position: absolute; top: 0; left: 0; } .hero-5 > .row:before { background-color: inherit; } .safari-browser .hero-5 > .row:before { width: 50.1%; } .hero-5 > .row:after { width: 50%; height: 100%; background-image: url(../images/slider/slide-9-fw.jpg); background-repeat: no-repeat; content: ""; position: absolute; top: 0; right: 0; } .hero-5.right > .row:before { left: auto; right: 0; } .hero-5.right > .row:after { left: 0; right: auto; } .hero-5 .column { position: relative; z-index: 1; } .hero-5 h2, .hero-5 h6 { color: #fff; } .hero-5 .testimonial-slider { max-width: 50rem; margin: 0 auto; } .hero-5 .testimonial-slider blockquote { padding-right: 1rem; padding-left: 0; } .hero-5 .right .testimonial-slider blockquote { padding-right: 0; padding-left: 1rem; } .hero-5 .tms-pagination { text-align: left; } .hero-5 .center .tms-pagination { text-align: center; } .hero-5 .right .tms-pagination { text-align: right; } .hero-6 { padding: 0; text-align: right; } body.boxed .hero-6 { padding: 0; } .hero-6 .hero-slider { width: 100% !important; height: 50rem; margin-bottom: 0; } .hero-6 .hero-slider .tms-pagination { width: 50%; text-align: right; padding-right: 5rem; } .hero-6 .hero-slider .tms-bullet-nav { background: #eee; } .hero-6 .hero-content { width: 50%; top: 0; left: 0; background: rgba(0,0,0,0.6); display: table !important; } .hero-6.right .hero-content { left: auto; right: 0; text-align: left; } .hero-6 .hero-content-inner { padding-left: 5rem; padding-right: 5rem; } .hero-6 h2, .hero-6 h6 { color: #fff; } .hero-7 { height: 50rem; color: #fff; text-align: left; position: relative; } .hero-7 > .row:before { width: 50%; height: 100%; background-image: url(../images/slider/slide-9-fw.jpg); background-repeat: no-repeat; content: ""; position: absolute; top: 0; left: 0; } [class*="bkg-"].hero-7 > .row:before { background-color: inherit; } .safari-browser .hero-7 > .row:after { width: 50.1%; } .hero-7 > .row:after { width: 50%; height: 100%; background-color: #000; content: ""; position: absolute; top: 0; right: 0; } .hero-7.right > .row:before { left: auto; right: 0; } .hero-7.right > .row:after { left: 0; right: auto; } .hero-7 .column { position: relative; z-index: 1; } .hero-7 .media-column { height: 100%; padding: 0; position: absolute; left: 50%; top: 0; z-index: 2; } .hero-7.right .media-column { left: 0; top: 0; } .hero-7 .media-column > * { width: 50vw; height: 100%; } body.boxed .hero-7 .media-column > * { width: 100%; } .hero-7.right .media-column > * { float: right; } .hero-7 .media-column > * { float: left; } .hero-7 h2, .hero-7 h6 { color: #fff; } @media only screen and (max-width: 960px) { [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner { padding-right: 2.5rem; } [class*="hero-"] .column + .column .split-hero-content .hero-content-inner, [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner { padding-left: 2.5rem; } body.boxed [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner { padding-left: 2.5rem; padding-right: 2.5rem; } body.boxed [class*="hero-"] .column + .column .split-hero-content .hero-content-inner, body.boxed [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner { padding-left: 2.5rem; padding-right: 2.5rem; } } @media only screen and (max-width: 768px) { .hero-1, .hero-2, .hero-3, .hero-4, .hero-5, .hero-7 { height: auto !important; } [class*="hero-"] > .row:before, [class*="hero-"] > .row:after, .safari-browser [class*="hero-"] .row:before { width: 100%; left: 0; top: 0; } [class*="hero-"] .column { left: 0; float: none; } [class*="hero-"] .column:first-child .hero-content, .hero-7 .column:first-child.media-column { margin-bottom: 5rem; } [class*="hero-"] .column:last-child .hero-content { margin-bottom: 0; } [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner { padding-right: 0; } [class*="hero-"] .column + .column .split-hero-content .hero-content-inner, [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner { padding-left: 0; } .hero-content { text-align: center; } .hero-3[class*="center"] { padding-top: 7rem; padding-bottom: 7rem; } .section-block.hero-5 { padding-bottom: 0; } body.boxed .hero-5 { padding-left: 0; padding-right: 0; } .hero-5 > .row:after { min-height: 50rem; } .hero-5 .column:last-child .hero-content { margin-bottom: 7rem; } .hero-5 > .row:after, .hero-7 > .row:after { position: relative; } .hero-5 > .row, .hero-7 > .row { max-width: none; } .hero-5 > .row > .column, .hero-7 > .row > .column { max-width: 60rem; margin: auto; float: none; } .hero-5 .testimonial-slider { max-width: 40rem; } .hero-5 .tms-pagination { text-align: center !important; } .hero-6 .hero-slider .tms-pagination { width: 100%; padding: 0; text-align: center; } .hero-6 .hero-content-inner { padding-left: 3rem; padding-right: 3rem; } .hero-slider .hero-content { width: 100%; height: inherit; text-align: center; } .hero-7 .column { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; } .hero-7 .media-column { position: relative; left: auto; right: auto; } .hero-7 .media-column > * { width: 57rem; height: 32rem; position: relative; left: 0; } body.boxed .hero-7 .media-column > * { width: 54rem; height: 30rem; } .hero-7 .media-column > *, .hero-7.right .media-column > * { float: none; } } @media only screen and (max-width: 600px) { [class*="hero-"] > .row > .column { max-width: 48rem; } .hero-7 .media-column > * { max-width: 45rem; height: 25rem; position: relative; } body.boxed .hero-7 .media-column > * { width: 42rem; height: 23.6rem; } } @media only screen and (max-width: 480px) { [class*="hero-"] > .row > .column { max-width: 35rem; } .hero-7 .media-column > * { max-width: 32rem; height: 18rem; } body.boxed .hero-7 .media-column > * { width: 29rem; height: 16.3rem; } } @media only screen and (max-width: 350px) { [class*="hero-"] > .row > .column { width: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .hero-2 { background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); } .hero-3 { background-image: url(../images/slider/slide-5-fw@2x.jpg); } .hero-4 { background-image: url(../images/slider/dev-video-cta-3@2x.jpg); } .hero-5 .hero-content.background-image { background-image: url(../images/slider/slide-9-fw@2x.jpg); } } .feature-content, .feature-image, .feature-slider { width: 100%; height: 100%; display: table; table-layout: fixed; } .feature-content-inner, .feature-image-inner, .feature-slider-inner { display: table-cell; vertical-align: middle; } .feature-slider .tm-slider-container { width: 100% !important; } .feature-slider .tms-pagination { bottom: 0; } .feature-content-inner *:first-child { margin-top: 0; } .section-block.feature-1 { padding-bottom: 0; } .feature-1 { text-align: center; } .section-block.feature-2 { padding-bottom: 0; } .feature-2 { position: relative; } .feature-2 .feature-image { width: 170%; } .feature-2.right .feature-image { float: right; } .feature-3 { position: relative; } .feature-3 .feature-image { width: 100%; height: 100%; overflow: hidden; } .feature-3 .feature-image-inner { max-height: 53rem; } @media only screen and (max-width: 960px) { .feature-2 { padding-bottom: 7rem; } .feature-2 .feature-image { height: 100%; } .header-1 + .content > [class*="feature-"]:first-child { padding-top: 5rem; } } @media only screen and (min-width: 768px) { .feature-2 .feature-content-inner *:last-child { margin-bottom: 0; } } @media only screen and (max-width: 768px) { .feature-2 .column, .feature-3 .column { height: auto !important; } .feature-2.left { padding-bottom: 0; } .feature-2 .feature-image { width: 100%; float: none; } .feature-2.right .column + .column .feature-content { margin-bottom: 0; } .feature-3 .feature-image { text-align: center; } .feature-3 .feature-image img, .feature-3 .feature-slider { max-width: 60%; margin: 0 auto; } .feature-2.right .feature-image, .feature-3 .feature-image, .feature-3 .feature-slider { margin-bottom: 5rem; } .feature-3 .column:last-child .feature-image { margin-bottom: 0; } .feature-3 .column:last-child .feature-content { padding-bottom: 0; } .feature-3 .column:last-child .feature-column:last-child { margin-bottom: 0; } } @media only screen and (max-width: 480px) { .feature-3 .feature-image img, .feature-3 .feature-slider { max-width: 70%; } } [class*="call-to-action-"] .row, [class*="call-to-action-"] .column { height: 100%; } .call-to-action-content { width: 100%; height: 100%; display: table !important; } .call-to-action-content-inner { display: table-cell; vertical-align: middle; } [class*="call-to-action-"] .column:last-child .call-to-action-content-inner { padding-bottom: 0; } .call-to-action-content-inner *:first-child { margin-top: 0; } .call-to-action-content-inner *:last-child { margin-bottom: 0; } [class*="call-to-action-"] { background-color: inherit; } .call-to-action-1 { padding-left: 3rem; padding-right: 3rem; font-size: 2.5rem; line-height: 3.5rem; text-align: center; } .call-to-action-1 { width: 100%; background-color: #2c96dd; font-weight: 300; color: #fff; display: block; } .call-to-action-1:hover { background-color: #1ecd6d; } .call-to-action-1 span { display: block; } .call-to-action-2 { padding-left: 3rem; padding-right: 3rem; text-align: center; background: #ea4b35; color: #fff; } .call-to-action-2 p { font-size: 2.5rem; line-height: 3.5rem; font-weight: 300; } .call-to-action-3 { background-color: #ffbe12; color: #fff; position: relative; } .call-to-action-3 p { font-size: 2.5rem; line-height: 3.5rem; font-weight: 300; } .call-to-action-3 .call-to-action-button { padding-right: 0; position: absolute; top: 0; right: 0; } .call-to-action-3 .call-to-action-button .button { padding: 2rem 0; width: 100%; height: 100%; margin-bottom: 0; font-size: 1.5rem; font-weight: 300; text-align: center; text-transform: uppercase; border-radius: 0; display: table; } .call-to-action-3 .call-to-action-button > .button > span { height: 100%; display: table-cell; vertical-align: middle; } @media only screen and (max-width: 960px) { .call-to-action-1, .call-to-action-2 p, .call-to-action-3 p { font-size: 1.9rem; line-height: 2.9rem; } } @media only screen and (max-width: 768px) { [class*="call-to-action"] { height: auto; } .call-to-action-2 .call-to-action-content-inner, .call-to-action-3 .call-to-action-content-inner { padding-bottom: 2.5rem; text-align: center; } .call-to-action-3 .row { max-width: 100%; } .call-to-action-3 .call-to-action-button { position: static; padding-left: 0; padding-right: 0; } } .form-element[class*="border-"] { background: #fff; } .form-honeypot { display: none; } .contact-form-container { position: relative; margin-bottom: 3rem; } .contact-form-container .contact-form { position: relative; } .contact-form-container .row { margin-left: -1rem; margin-right: -1rem; } .contact-form-container [class*="width-"] { padding-left: 1rem; padding-right: 1rem; } .contact-form-container .form-element { margin-bottom: 2rem; } .contact-form-container .form-response { font-size: 1.2rem; line-height: 1.3; color: #666; position: absolute; bottom: 0; } .contact-form-container input[type=submit] { margin-bottom: 0; } .contact-form-container input[disabled=disabled][type=submit] { opacity: 0.6; } .contact-1 h2 { margin-bottom: 3rem; } .contact-1 .contact-form-container { margin-bottom: 0; } .contact-1 .contact-form-container .form-response { bottom: -3rem; } .contact-2 .contact-form-container .form-response { bottom: -3rem; } .signup-form-container { position: relative; margin-bottom: 3rem; } .signup-form-container .signup-form { position: relative; } .signup-form-container .row { margin-left: -1rem; margin-right: -1rem; } .signup-form-container [class*="width-"] { padding-left: 1rem; padding-right: 1rem; } .signup-form-container .form-element { margin-bottom: 2rem; } .signup-form-container .form-response { font-size: 1.2rem; line-height: 1.3; position: absolute; bottom: 0; -ms-word-break: break-all; word-break: break-word; } .signup-form-container input[type=submit] { margin-bottom: 2rem; } .signup-form-container input[disabled=disabled][type=submit] { opacity: 0.6; } .signup-form-container.boxed { padding: 4rem; } .signup-1 .signup-form-container { margin-bottom: 0; } .signup-1 .form-submit { width: 100%; } .signup-1 .signup-form-container .form-response { bottom: -1.3rem; } .signup-2 { background-image: url(../images/slider/slide-5-fw.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .signup-2 .signup-form-container { padding: 4rem; margin-bottom: 0; background: rgba(0,0,0,.5); } .signup-2 .signup-form-container .form-response { bottom: 2.5rem; } .signup-2 .form-submit { width: 100%; } .signup-3 { background-image: url(../images/slider/slide-5-fw.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .signup-3 .signup-inner { background: rgba(0,0,0,0); } .signup-3 .row { text-align: center; } .signup-3 .signup-form-container { width: 30rem; margin-bottom: 0; margin-left: auto; margin-right: auto; } .signup-3 .form-element { width: 100%; } .signup-3 .signup-form-container .form-response { width: 100%; bottom: -1.3rem; } .search-form-container .row { margin-left: -1rem; margin-right: -1rem; } .search-form-container [class*="width-"] { padding-left: 1rem; padding-right: 1rem; } .search-form-container input[type=submit] { margin-bottom: 0; } .search-form-container .form-element { margin-bottom: 2rem; } .login-form-container .row { margin-left: -1rem; margin-right: -1rem; } .login-form-container [class*="width-"] { padding-left: 1rem; padding-right: 1rem; } .login-form-container input[type=submit] { margin-bottom: 0; } .login-form-container .form-element { margin-bottom: 2rem; } .login-form-container .recuperate-password { font-size: 1rem; display: block; } @media only screen and (max-width: 768px) { .signup-form-container input[type=submit] { width: auto; } } @media only screen and (max-width: 480px) { .signup-3 .signup-form-container { width: 100%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .signup-2 { background-image: url(../images/slider/slide-5-fw@2x.jpg); } } .testimonial-1 h6 { margin-bottom: 4rem; font-size: 1.3rem; text-transform: uppercase; } .testimonial-1 blockquote { width: 70%; padding: 0; margin-bottom: 0; } .testimonial-1 blockquote.avatar span, .testimonial-1 blockquote.avatar span img { width: 9rem; height: 9rem; } .testimonial-1 p { margin-top: 3rem; } .testimonial-1 cite { text-transform: uppercase; font-weight: bold; font-style: normal; line-height: 1; letter-spacing: 0.1rem; } .testimonial-2 h6 { margin-bottom: 1rem; font-size: 1.3rem; text-transform: uppercase; } .testimonial-2 .brief { height: 100%; border-right: 1px solid #ddd; display: table; } .testimonial-2 .brief p:last-child { margin-bottom: 0; } .testimonial-2 .brief-inner { display: table-cell; vertical-align: middle; } .testimonial-2 blockquote { width: 100%; padding: 0; margin-bottom: 3rem; } .testimonial-2 blockquote:last-child { margin-bottom: 0; } .testimonial-2 cite { margin-bottom: 0.5rem; text-transform: uppercase; font-weight: bold; font-style: normal; letter-spacing: 0.1rem; } .testimonial-3 [class*="content-grid"] { margin-bottom: -3rem; } .testimonial-3 h6 { margin-bottom: 4rem; font-size: 1.3rem; text-transform: uppercase; } .testimonial-3 blockquote { width: 100%; padding: 0; margin: 0; } .testimonial-3 cite { text-transform: uppercase; letter-spacing: 0.1rem; } .testimonial-4 [class*="content-grid"] { margin-bottom: -3rem; } .testimonial-4 h6 { margin-bottom: 4rem; font-size: 1.3rem; text-transform: uppercase; } .testimonial-4 blockquote { height: 100%; padding: 2.5rem; margin: 0; border-radius: 0.3rem; border: 1px solid #ddd; } .testimonial-4 cite { text-transform: uppercase; letter-spacing: 0.1rem; } .testimonial-5 { color: #fff; background-image: url(../images/slider/slide-2-fs-hp.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .testimonial-5 blockquote { width: 60%; margin-left: auto; margin-right: auto; float: none; } .testimonial-5 cite { text-transform: uppercase; font-weight: bold; font-style: normal; letter-spacing: 0.1rem; } .testimonial-slider { width: 100% !important; height: 35rem; margin: 0 auto; background: none; } .testimonial-slider .tms-pagination { bottom: 0; } .testimonial-slider.left, .testimonial-slider.right { margin: 0; } .testimonial-slider blockquote, .center .testimonial-slider blockquote { padding-left: 0.5rem; padding-right: 0.5rem; } .testimonial-slider.left blockquote, .testimonial-slider.left .tms-pagination { text-align: left; } .testimonial-slider.left blockquote { padding-left: 0; padding-right: 1rem; } .testimonial-slider.right blockquote, .testimonial-slider.right .tms-pagination { text-align: right; } .testimonial-slider.right blockquote { padding-left: 1rem; padding-right: 0; } @media only screen and (max-width: 960px) { .testimonial-1 p, .testimonial-5 .testimonial-slider p { font-size: 1.9rem; line-height: 2.9rem; } } @media only screen and (max-width: 768px) { .testimonial-2 .brief { border-right: none; } .testimonial-2 .brief h6:last-child, .testimonial-2 .brief p:last-child { margin-bottom: 3rem; } .testimonial-3 blockquote { height: 100%; padding-bottom: 3rem; border-bottom: 1px solid #ddd; } .testimonial-3 .grid-item:last-child blockquote { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .testimonial-slider.center-on-mobile { margin: 0 auto; } .testimonial-slider.center-on-mobile blockquote, .testimonial-slider.center-on-mobile .tms-pagination { text-align: center; } .testimonial-slider.center-on-mobile blockquote { padding: 0 !important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .testimonial-5 { background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); } } [class*="team-"] .signature { width: 100%; } [class*="team-"] .thumbnail { float: none; } .social-list a { margin-right: 1rem; } .social-list:not(.center) li:last-child a { margin-right: 0; } .right .social-list a, .social-list.right a { margin-left: 1rem; margin-right: 0; } .social-list.right li:last-child a { margin-left: 0; } .center .social-list a, .center .social-list li:last-child a, .social-list.center a { margin-right: 0.5rem; margin-left: 0.5rem; } .social-list [class*="icon-"] { margin: 0; } .team-slider .social-list, .team-slider .social-list li { padding: 430px; margin: 0; } .team-1 [class*="content-grid"] { margin-bottom: -3rem; } .team-1 .team-content-info h2 { margin-bottom: 3rem; } .team-1 .team-content-info h5 { margin-top: 2rem; margin-bottom: 0; } .team-1 h6.occupation { margin-top: 0; margin-bottom: 2rem; text-transform: uppercase; font-size: 1.2rem; color: #999; letter-spacing: 0.1rem; } .team-2 { background: #f4f4f4; } .team-2 [class*="content-grid"] { margin-bottom: -3rem; } .team-2 .thumbnail { margin-bottom: 1rem; } .team-2 .team-content { background: #fff; } .team-2 .team-content-info { padding: 2rem; } .team-2 .team-content-info > *:first-child { margin-top: 0; } .team-2 .team-content-info h2 { margin-bottom: 3rem; } .team-2 .team-content-info h5 { margin-top: 1rem; margin-bottom: 0; } .team-2 h6.occupation { margin-top: 0; margin-bottom: 2rem; text-transform: uppercase; font-size: 1.2rem; color: #999; letter-spacing: 0.1rem; } .team-2 .social-list .list-label { margin-right: 1rem; font-size: 1rem; font-weight: bold; color: #999; text-transform: uppercase; display: inline-block; } .team-2 .social-list.boxed { margin: 0 -2rem -2rem -2rem; padding: 2rem; background: #e7e7e7; } .team-3 { background-image: url(../images/team/page-01-bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .team-3 { color: #fff; text-align: left; } body.boxed .team-3 { padding-left: 0; padding-right: 0; } .team-3 .slider-column { padding-left: 0; padding-right: 0; } .team-3 .team-slider { height: 45rem; margin-bottom: 0; background: none; } .team-3 .team-slider .tms-slides { margin-bottom: 2rem; } .team-3 .team-slider li { padding-left: 1.5rem; padding-right: 1.5rem; } .team-3 .team-slider .tms-pagination { padding-left: 1.5rem; padding-right: 1.5rem; bottom: 0; } .team-3 .team-content { margin-bottom: 4rem; } .team-3 .team-content-info { color: #fff; } .team-3 .team-content-info h2 { margin-bottom: 3rem; } .team-3 .team-content-info h5 { margin-top: 2rem; margin-bottom: 0; color: #fff; } .team-3 h6.occupation { margin-top: 0; margin-bottom: 2rem; text-transform: uppercase; font-size: 1.2rem; color: #999; letter-spacing: 0.1rem; } .team-3 .social-list a { color: #fff; } .team-3 .social-list a:hover { opacity: 0.5; } .section-block.team-4 { padding-bottom: 0; } .team-4 { text-align: center; overflow: hidden; } .team-4 .grid-item { margin-bottom: 0; } .team-4 .thumbnail { margin-bottom: 0; } .team-4 .overlay-info > span { padding: 3rem; font-size: 1.4rem; line-height: 1.8; font-weight: normal; } .team-4 .team-content-info h5 { margin-top: 2rem; margin-bottom: 0; } .team-4 h6.occupation { margin-top: 0; margin-bottom: 2rem; text-transform: uppercase; font-size: 1.2rem; color: #999; letter-spacing: 0.1rem; } .team-4 .social-list { display: block; margin-top: 2rem; } .team-4 .social-list a { margin: 0 0.5rem; color: #fff; } .team-4 .social-list a:hover { opacity: 0.5; } .mobile .team-4 .overlay-info { height: auto; background: none; position: relative; color: #999; transition: none; opacity: 1; display: block; -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); } .mobile .team-4 .overlay-info > span { padding-left: 1rem; padding-right: 1rem; } .mobile .team-4 .social-list a { color: #999; } @media only screen and (min-width: 479px) and (max-width: 960px) { .team-2 .content-grid-4 .grid-item, .team-4 .content-grid-4 .grid-item { width: 50%; } } [class*="portfolio-"] > .row > .column { padding-left: 0; padding-right: 0; } [class*="portfolio-"] [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } [class*="portfolio-"] [class*="content-grid"] .grid-item { padding-left: 1.5rem; padding-right: 1.5rem; } [class*="portfolio-"] .thumbnail { margin-bottom: 0; float: none; } .portfolio-filter-menu > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } [class*="portfolio-"].small-margins > .row > .column { padding-left: 1rem; padding-right: 1rem; } [class*="portfolio-"].small-margins.full-width > .row > .column { padding-left: 0.5rem; padding-right: 0.5rem; } body.boxed [class*="portfolio-"].small-margins.full-width > .row > .column { padding-left: 1rem; padding-right: 1rem; } [class*="portfolio-"].small-margins.no-margins.full-width > .row > .column { padding-left: 0rem; padding-right: 0rem; } [class*="portfolio-"].small-margins.full-width [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } [class*="portfolio-"].small-margins [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-top: -0.5rem; margin-left: 0; margin-right: 0; } [class*="portfolio-"].small-margins [class*="content-grid"] .grid-item { margin-bottom: 0; padding: 0.5rem; position: relative; } [class*="portfolio-"].no-margins > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } [class*="portfolio-"].no-margins [class*="content-grid"], [class*="portfolio-"].no-margins [class*="content-grid"] .grid-item { padding: 0 !important; margin: 0 !important; } [class*="portfolio-"].full-width .row { max-width: 100%; } [class*="portfolio-"].full-width [class*="content-grid"] { margin-left: 10.5rem; margin-right: 20.5rem; } [class*="portfolio-"].full-width > .row > .column { padding-left: 0; padding-right: 0; } [class*="portfolio-"].full-width.no-margins { padding: 0 !important; } .portfolio-filter-menu + [class*="portfolio-"].full-width.no-margins { padding-top: 7rem; } [class*="portfolio-"] .masonry-grid { margin-right: 0; margin-left: 0; } [class*="portfolio-"].small-margins.no-padding-bottom { padding-bottom: 0.5rem !important; } .portfolio-filter-menu + [class*="portfolio-"].no-padding-top { padding-top: 0 !important; } .portfolio-filter-menu + .portfolio-5.no-margins.no-padding-top { margin-top: 0; } [class*="portfolio-"] .project-title, [class*="portfolio-"] .project-description { display: block; } [class*="portfolio-"] .project-title + .project-description { margin-top: 0.5rem; } [class*="portfolio-"] .item-description { width: 100%; margin-top: 2rem; } [class*="portfolio-"] .item-description .project-title { margin-top: 0; margin-bottom: 0.5rem; } [class*="portfolio-"] .item-description *:last-child { margin-bottom: 0rem; } [class*="portfolio-"] [class*="content-grid"] { margin-bottom: -3rem; } [class*="portfolio-"].small-margins [class*="content-grid"] { margin-bottom: -0.5rem; } [class*="portfolio-"].no-margins [class*="content-grid"] { margin-bottom: 0; } [class*="portfolio-"].full-width.no-padding-bottom [class*="content-grid"] { margin-bottom: 0; } .masonry-grid .content-outer { width: 100%; height: 100%; display: table; position: relative; bottom: 0; left: 0; } .masonry-grid .thumbnail + .content-outer { position: absolute; } .masonry-grid .content-inner { width: 100%; height: 100%; padding: 3rem; display: table-cell; vertical-align: middle; } .masonry-grid .content-inner .row { margin: 0; } .portfolio-2 .grid-description *:first-child { margin-top: 0; } .portfolio-2 .grid-description { width: 100%; height: 100%; padding: 2rem; background: #222; display: table; } .portfolio-2 .grid-description-inner { height: 100%; display: table-cell; vertical-align: middle; } .portfolio-2 .grid-description h2 { color: #fff; } .portfolio-2 h2:last-child, .portfolio-2 p:last-child { margin-bottom: 0; } .portfolio-3 .item-description { text-align: center; } .portfolio-3 h5:last-child, .portfolio-3 p:last-child { margin-bottom: 0; } .portfolio-4 .item-description { padding: 2rem; margin-top: 0; text-align: center; background: #fff; } .portfolio-4 h5:last-child, .portfolio-4 p:last-child { margin-bottom: 0; } .portfolio-5 [class*="content-grid"] { margin-bottom: -1.5rem; } .portfolio-5.no-padding-top { padding-top: 0; } .portfolio-5.no-padding-bottom { padding-bottom: 1.5rem !important; } .portfolio-5.small-margins.no-padding-bottom { padding-bottom: 0.5rem !important; } .portfolio-5 > .row > .column { padding-left: 0; padding-right: 0; } .portfolio-5.small-margins > .row > .column { padding-left: 1rem; padding-right: 1rem; } .portfolio-5.no-margins > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } .portfolio-5.full-width > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } body.boxed .portfolio-5.full-width > .row > .column { padding-left: 0; padding-right: 0; } .portfolio-5.small-margins.full-width > .row > .column { padding-left: 0.5rem; padding-right: 0.5rem; } .portfolio-5.no-margins.full-width > .row > .column { padding-left: 0rem; padding-right: 0rem; } .portfolio-5.full-width [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .portfolio-5 [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .portfolio-5 [class*="content-grid"] { margin-top: -1.5rem; } .portfolio-5.small-margins [class*="content-grid"] { margin-top: -0.5rem; } .portfolio-5 [class*="content-grid"] .grid-item { padding: 1.5rem; margin-bottom: 0; position: relative; } .portfolio-5.small-margins [class*="content-grid"] .grid-item { padding: 0.5rem; } .portfolio-5 .grid-item.large { width: 50%; } .portfolio-5 .grid-item img { width: 100%; } .portfolio-5 .thumbnail { height: 100%; overflow: hidden; } .portfolio-5 .caption { position: absolute; left: 2rem; bottom: 2rem; } .portfolio-5 .content-outer, .masonry-set-dimensions .content-outer { width: 100%; height: 100%; display: table; position: relative; bottom: 0; left: 0; } .portfolio-5 .thumbnail + .content-outer, .masonry-set-dimensions .thumbnail + .content-outer { position: absolute; } .portfolio-5 .content-inner, .masonry-set-dimensions .content-inner { width: 100%; height: 100%; padding: 3rem; display: table-cell; vertical-align: middle; } .portfolio-5 .content-inner > *:first-child, .masonry-set-dimensions .content-inner > *:first-child { margin-top: 0; } .portfolio-5 .content-inner > *:last-child, .masonry-set-dimensions .content-inner > *:first-child { margin-bottom: 0; } .portfolio-5 .content-slider, .portfolio-5 video, .portfolio-5 iframe { width: 100% !important; height: 100% !important; } .portfolio-5 .content-inner img, .portfolio-5 .content-slider img { width: auto; } .portfolio-5 .mejs-container { width: 20rem; height: 3rem; margin-left: -10rem; margin-top: -1.5rem; position: absolute; left: 50%; top: 50%; } .portfolio-6 [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; } .portfolio-6 [class*="content-grid"] .grid-item { padding-left: 0; padding-right: 0; margin-bottom: 0; position: relative; } .portfolio-6 .thumbnail { float: left; } .portfolio-6 .description { padding: 2rem; text-align: center; background: #fff; } .portfolio-6 h5:last-child, .portfolio-6 p:last-child { margin-bottom: 0; } .portfolio-6 .half.image-left .thumbnail, .portfolio-6 .half.image-right .thumbnail { width: 50%; } .portfolio-6 .two-third.image-left .thumbnail, .portfolio-6 .two-third.image-right .thumbnail { width: 66.66667%; } .portfolio-6 .half.image-top .thumbnail, .portfolio-6 .half.image-bottom .thumbnail { width: 100%; } .portfolio-6 .two-third.image-top .thumbnail, .portfolio-6 .two-third.image-bottom .thumbnail { width: 100%; } .portfolio-6 .half.image-right .thumbnail, .portfolio-6 .two-third.image-right .thumbnail { float: right; } .portfolio-6 .image-left.no-description .thumbnail, .portfolio-6 .image-right.no-description .thumbnail { width: 100%; } .portfolio-6 .item-description { margin-top: 0; height: 100%; background: #f9f9f9; text-align: center; display: table; position: relative; } .portfolio-6 .item-description-inner { height: 100%; padding: 1rem 3rem 3rem 3rem; display: table-cell; vertical-align: middle; } .portfolio-6 .half.image-left .item-description { width: 50%; text-align: left; float: right; } .portfolio-6 .half.image-right .item-description { width: 50%; text-align: right; float: left; } .portfolio-6 .two-third.image-left .item-description { width: 33.33333%; text-align: left; float: right; } .portfolio-6 .two-third.image-right .item-description { width: 33.33333%; text-align: right; float: left; } .portfolio-6 .half.image-top .item-description { width: 100%; height: 50%; text-align: center; } .portfolio-6 .half.image-bottom .item-description { width: 100%; height: 50%; text-align: center; } .portfolio-6 .two-third.image-top .item-description { width: 100%; height: 33.33333%; text-align: center; } .portfolio-6 .item-description:after { width: 0; height: 0; margin-top: -10px; border: solid transparent; content: " "; position: absolute; pointer-events: none; border-color: #f9f9f9; border-width: 10px; top: 50%; z-index: 10; } .portfolio-6 .item-description:after { margin-left: -10px; border: solid transparent; border-bottom-color: #f9f9f9; border-width: 10px; top: auto; bottom: 100%; left: 50%; } .portfolio-6 .image-left .item-description:after { margin-top: -10px; border: solid transparent; border-right-color: #f9f9f9; border-width: 10px; top: 50%; right: 100%; bottom: auto; left: auto; } .portfolio-6 .image-right .item-description:after { margin-top: -10px; border: solid transparent; border-left-color: #f9f9f9; border-width: 10px; top: 50%; bottom: auto; right: -20px; left: auto; } .portfolio-6 .image-bottom .item-description:after { margin-left: -10px; border: solid transparent; border-top-color: #f9f9f9; border-width: 10px; top: auto; bottom: -2rem; left: 50%; } .portfolio-7 .column.slider-column { padding-left: 0; padding-right: 0; } .portfolio-7 .portfolio-recent-slider { padding: 0; margin-bottom: 0; background: none; } .portfolio-7 .portfolio-recent-slider li { padding-left: 1.5rem; padding-right: 1.5rem; } .portfolio-7 .previous-portfolio-recent-slider, .portfolio-7 .next-portfolio-recent-slider { width: 3rem; height: 3rem; margin-right: 0.5rem; line-height: 3rem; text-align: center; display: inline-block; border: 1px solid #ddd; } .portfolio-7 .button { line-height: 1; } .portfolio-7 [class*="icon-"] { margin: 0; } .portfolio-7 .grid-description { width: 100%; height: 100%; padding: 0; display: block; } .ie-browser .portfolio-5 .row .masonry-grid, .ie-browser .portfolio-6 .row .masonry-grid, .safari-browser [class*="portfolio"].full-width.no-margins .column.width-12 { width: 100.2%; } .portfolio-filter-menu { padding-top: 3.5rem; padding-bottom: 0rem; text-align: center; } .portfolio-filter-menu.left { text-align: left; } .portfolio-filter-menu.left li:first-child a { padding-left: 0; margin-left: 0; } .portfolio-filter-menu.right { text-align: right; } .portfolio-filter-menu.right li:last-child a { padding-right: 0; margin-right: 0; } .portfolio-filter-menu ul { width: 100%; padding-top: 3.5rem; padding-bottom: 0rem; margin-bottom: 0; list-style: none; } .portfolio-filter-menu li { padding: 0 2rem; display: inline-block; font-size: 1.2rem; line-height: 1; text-transform: uppercase; } .portfolio-filter-menu a { padding: 1rem 0.8rem; -webkit-transition-property: background, border-color, color, opacity; -moz-transition-property: background, border-color, color, opacity; -o-transition-property: background, border-color, color, opacity; -ms-transition-property: background, border-color, color, opacity; transition-property: background, border-color, color, opacity; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; } .portfolio-filter-menu a:hover { color: #333; } .portfolio-filter-menu a.active { color: #333; border-bottom: 1px solid #333; } .portfolio-media, .portfolio-media img, .portfolio-media iframe, .portfolio-media object { margin-bottom: 3rem; } .portfolio-media *:last-child { margin-bottom: 0; } .project-details h6 { margin-bottom: 1rem; } .project-details ul { margin-bottom: 2rem; } @media only screen and (max-width: 1300px) { [class*="portfolio-"] [class*="content-grid-5"] .grid-item, [class*="portfolio-"] [class*="content-grid-6"] .grid-item { width: 25%; } } @media only screen and (max-width: 1140px) { [class*="portfolio-"] [class*="content-grid"] .grid-item { width: 33.33333%; } [class*="portfolio-"] .content-grid-2 .grid-item, [class*="portfolio-"].full-width.small-margins .content-grid-2 .grid-item, [class*="portfolio-"].full-width.no-margins .content-grid-2 .grid-item { width: 50%; } } @media only screen and (max-width: 960px) { [class*="portfolio-"] [class*="content-grid"] .grid-item { width: 50%; } [class*="portfolio-"].full-width.small-margins [class*="content-grid"] .grid-item, [class*="portfolio-"].full-width.no-margins [class*="content-grid"] .grid-item { width: 33.33333%; } .portfolio-7 .column { width: 100%; } .portfolio-7 .grid-description { margin-bottom: 2rem; } } @media only screen and (max-width: 768px) { .portfolio-filter-menu.left.center-on-mobile li:first-child a, .portfolio-filter-menu.right.center-on-mobile li:last-child a { padding: 1rem 0.8rem; } [class*="portfolio-"].full-width [class*="content-grid"] .grid-item, [class*="portfolio-"].full-width.small-margins [class*="content-grid"] .grid-item, [class*="portfolio-"].full-width.no-margins [class*="content-grid"] .grid-item { width: 50%; } .portfolio-5 [class*="content-grid"] .grid-item.large, .portfolio-5 [class*="content-grid"] .grid-item.portrait.large { width: 100%; } .portfolio-6 .two-third.horizontal, .portfolio-6 .two-third.horizontal .thumbnail { width: 100% !important; height: auto !important; } .portfolio-6 .two-third.image-left .item-description, .portfolio-6 .two-third.image-right .item-description { width: 100%; float: left; } .portfolio-6 .two-third.image-left .item-description:after, .portfolio-6 .two-third.image-right .item-description:after { margin-left: -10px; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; top: auto !important; bottom: 100%; left: 50%; } } @media only screen and (max-width: 600px) { [class*="portfolio-"] [class*="content-grid"] .grid-item, [class*="portfolio-"].full-width [class*="content-grid"] .grid-item { width: 100%; } .portfolio-6 .half.horizontal, .portfolio-6 .half.horizontal .thumbnail { width: 100% !important; height: auto !important; } .portfolio-6 .half.image-left .item-description, .portfolio-6 .half.image-right .item-description { width: 100%; float: left; } .portfolio-6 .image-left .item-description:after, .portfolio-6 .image-right .item-description:after { margin-left: -10px; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; top: auto !important; bottom: 100%; left: 50%; } } @media only screen and (max-width: 480px) { [class*="portfolio-"].full-width.small-margins [class*="content-grid"] .grid-item, [class*="portfolio-"].full-width.no-margins [class*="content-grid"] .grid-item { width: 100%; } } [class*="logos-"] .grid-item { margin-bottom: 0; text-align: center; } .logos-1 [class*="content-grid"] { margin-top: -2rem; margin-bottom: -2rem; } .logos-1 a, .logos-1 span { padding: 2rem 0; display: block; opacity: 1; } .logos-1 a:hover { opacity: 0.5; } .logos-2 { background-image: url(../images/slider/slide-5-fw@2x.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .logos-2 [class*="content-grid"] { margin-left: 0; margin-right: 0; } .logos-2 .grid-item { padding: 0 0 1px 1px; } .logos-2 a, .logos-2 span { width: 100%; padding: 5rem 1.5rem; background-color: rgba(0,0,0,0.4); color: #fff; opacity: 1; display: block; } .logos-2 a:hover { background-color: rgba(0,0,0,0.6); } .logos-3 [class*="content-grid"] { margin-left: 0; margin-right: 0; } .logos-3 .grid-item { padding: 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; } .logos-3 .grid-item:before { height: 100%; border-left: 1px solid #ddd; content: ""; position: absolute; top: 0; left: -1px; } .logos-3 .grid-item:after { width: 100%; border-bottom: 1px solid #ddd; content: ""; position: absolute; bottom: -1px; left: 0; } .logos-3 a, .logos-3 span { width: 100%; padding: 5rem 1.5rem; opacity: 1; display: block; } .logos-3 a:hover { background-color: #ddd; } .logos-4 [class*="content-grid"] { margin-left: 0; margin-right: 0; overflow: hidden; } .logos-4 .grid-item { padding: 0; position: relative; } .logos-4 .grid-item:before { height: 100%; border-left: 1px solid #ddd; content: ""; position: absolute; top: 0; left: -1px; } .logos-4 .grid-item:after { width: 100%; border-bottom: 1px solid #ddd; content: ""; position: absolute; bottom: -1px; left: 0; } .logos-4 a, .logos-4 span { width: 100%; padding: 5rem 1.5rem; opacity: 1; display: block; } .logos-4 a:hover { opacity: 0.5; } .logos-5 .logo-slider { height: 15rem; margin-bottom: 0; background: none; } .logos-5 > .row { margin-top: -3rem; } .logos-5 .logo-slider .tms-pagination { bottom: 0; } .logos-5 .logo-slider .tms-bullet-nav { background: #333; } @media only screen and (max-width: 960px) { [class*="logos-"] { height: auto; } [class*="logos-"] .grid-item { width: 33.3333%; } .logos-2 a, .logos-2 span { padding: 4.5rem 1.5rem; } } @media only screen and (max-width: 768px) { [class*="logos-"] .grid-item { width: 33.3333%; } .logos-2 a, .logos-3 a, .logos-4 a, .logos-2 span, .logos-3 span, .logos-4 span { padding: 3rem 1.5rem; } } @media only screen and (max-width: 480px) { [class*="logos-"] .grid-item { width: 50%; } .logos-3 a, .logos-2 a, .logos-4 a, .logos-2 span, .logos-3 span, .logos-4 span { padding: 2rem 1.5rem; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .logos-2 { background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); } } .clients-1 { line-height: 1; } .clients-1 .client-name { margin-top: 0; margin-bottom: 1rem; } .clients-1 .client-description { font-size: 1.1rem; opacity: 0.7; } @media only screen and (max-width: 768px) { [class*="clients-"] .grid-item { width: 33.3333%; } [class*="clients-"] .client-description { display: none; } [class*="clients-"] .client-name { font-size: 1.4rem; } } @media only screen and (max-width: 480px) { [class*="clients-"] .grid-item { width: 50%; } } .social-1 { text-align: center; } .social-1 h6 { font-size: 1.3rem; text-transform: uppercase; margin-bottom: 1.5rem; } .social-1 ul { margin-bottom: 0; list-style: none; } .social-1 ul li { padding: 0 1rem; margin-bottom: 1rem; display: inline-block; } .social-2 { padding-top: 0; padding-bottom: 0; text-align: center; } body.boxed .social-2 { padding-left: 0; padding-right: 0; } .safari-browser .social-2 { width: 100.4%; } .social-2 [class*="content-grid-"] { padding-left: 1.5rem; padding-right: 1.5rem; } .social-2.full-width [class*="content-grid-"] { max-width: 100%; padding-left: 0; padding-right: 0; } .social-2 .grid-item { padding-right: 0; padding-left: 0; margin-bottom: 0; } .social-2 a { width: 100%; height: 15rem; margin: 0; font-size: 2rem; line-height: 2rem; font-family: "Times New Roman", serif; font-style: italic; display: table; } .social-2 a:hover { background: none; color: #999; } .social-2 a span { display: table-cell; vertical-align: middle; } .social-2 [class*="icon"] { width: 100%; margin: 0 0 1rem 0; font-size: 3rem; display: inline-block; } .social-3 { text-align: center; background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .social-3 ul { margin-bottom: -1rem; list-style: none; line-height: 1; } .social-3 ul li { padding: 0 1rem; margin-bottom: 1rem; display: inline-block; text-align: center; } .social-3 a[class*="icon"] { width: 5rem; height: 5rem; margin: 0; line-height: 5rem; font-weight: normal; background: rgba(255,255,255,0.2); border-radius: 50%; } .social-3 a { color: #fff; } .social-3 a:hover { background: #fff; } .social-4 { text-align: center; } .social-4 h6 { font-size: 1.3rem; text-transform: uppercase; margin-bottom: 1.5rem; } .social-4 ul { margin-bottom: -1rem; list-style: none; } .social-4 ul li { padding: 0 1rem; margin: 0 2rem 1rem 2rem; display: inline-block; } .social-4 ul li a { font-size: 1.7rem; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: bold; color: #999; } @media only screen and (max-width: 480px) { .social-2 ul li { width: 50%; } .social-2 a { width: 100%; } .social-4 ul li { display: block; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .social-3 { background-image: url(../images/slider/slide-2-fs-hp@2x.jpg); } } [class*="stats-"] > .row, [class*="stats-"] > .row > .column { height: 100%; } [class*="stats-"] .stat-content { width: 100%; height: 100%; display: table; } [class*="stats-"] .stat-content-inner { height: 100%; display: table-cell; vertical-align: middle; } [class*="stats-"] .stat { width: 100%; height: 100%; display: table; } [class*="stats-"] .stat-inner { display: table-cell; vertical-align: middle; text-align: center; } [class*="stats-"].left .stat-inner { text-align: left; } [class*="stats-"].center .stat-inner { text-align: center; } [class*="stats-"].right .stat-inner { text-align: right; } .stats-1 { color: #fff; /*background-image: url(../images/slider/slide-2-fs-hp@2x.jpg);*/ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .stats-1 [class*="content-grid"] { margin-bottom: -3rem; } .stats-1 .counter { font-size: 6rem; line-height: 1; font-weight: normal; } .stats-1 p:last-child { margin-bottom: 0; } .stats-2 { color: #666; } .stats-2 [class*="content-grid"] { margin-bottom: -2rem; } .stats-2 .grid-item { padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 0; border-right: 1px solid #ddd; } .stats-2 .grid-item:last-child { border: none; } .stats-2 .counter { margin-bottom: 0.5rem; font-size: 3rem; line-height: 1; font-weight: bold; } .stats-2 .description { font-size: 1.2rem; text-transform: uppercase; } .stats-2 p:last-child { margin-bottom: 0; } .stats-3 [class*="content-grid"] { margin-top: -2rem; margin-bottom: -2rem; } .stats-3 .grid-item { padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 0; border-right: 1px dotted #ddd; } .stats-3 .grid-item:last-child { border: none; } .stats-3 .counter { margin-bottom: 0.5rem; font-size: 3rem; line-height: 1; font-weight: bold; } .stats-3 .mega-stat .counter { margin-bottom: 0.5rem; font-size: 7rem; line-height: 1; font-weight: bold; } .stats-3 .description { font-size: 1.2rem; text-transform: uppercase; color: #999; } .stats-3 .mega-stat .description { margin-bottom: 0; font-size: 2rem; line-height: 1; font-weight: bold; } .stats-3 .description { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted #ddd; font-weight: bold; } .stats-3 .description:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .stats-3 p:last-child { margin-bottom: 0; } .stats-3[class*="border-"] { border-width: 0; } .stats-3[class*="border-"] * { border-color: inherit; } @media only screen and (max-width: 1023px) { .stats-3 .mega-stat .counter { font-size: 5rem; } } @media only screen and (max-width: 768px) { [class*="stats-"] { height: auto !important; } .stats-2 .row-1 { border-bottom: 1px solid #ddd; } .stats-2 .row-1:nth-of-type(even), .stats-2 .row-2:nth-of-type(even) { border-right: none !important; } .stats-3 .grid-item.row-1 { border-bottom: 1px dotted #ddd; border-right: none; } .stats-3 .grid-item { border-right: none; } .stats-3 .row-1:nth-of-type(even), .stats-3 .row-2:nth-of-type(even) { border-right: none !important; } .stats-3 .description { border-bottom: 1px dotted #ddd; } [class*="stats-"].center-on-mobile .stat-inner { text-align: center; } } @media only screen and (max-width: 480px) { .stats-2 .grid-item { border-right: none; border-bottom: 1px solid #ddd; } .stats-3 .counter, .stats-3 .mega-stat .counter { font-size: 4rem; } .stats-3 .mega-stat .description { font-size: 1.2rem; } .stats-3 .grid-item.row-1 { border: none; } .stats-3 .description { margin-bottom: 4rem; padding-bottom: 0; border: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .stats-1 { /*background-image: url(../images/slider/slide-2-fs-hp@2x.jpg);*/ } } .section-block.fullscreen-sections-wrapper, .section-block.fullscreen-section { padding-top: 0; padding-bottom: 0; } .fullscreen-sections-wrapper { position: relative; z-index: 0; } .fullscreen-section { width: 100%; height: 100%; height: 100vh; display: table; table-layout: fixed; overflow: hidden; position: relative; z-index: 0; } body.boxed .fullscreen-section { padding-left: 0; padding-right: 0; } .fullscreen-section.in-view { z-index: 1; } .fullscreen-section .background-image { width: 100%; height: 100vh; position: absolute; z-index: 0; } .fullscreen-section.background-fixed .background-image, .fullscreen-section .background-slider-wrapper { width: 100%; height: 100vh; position: absolute; background-attachment: fixed; z-index: 0; } .fullscreen-section .background-slider-wrapper { height: 100%; } .fullscreen-section.background-fixed .background-slider-wrapper { position: fixed; } .webkit .fullscreen-section .background-image-wrapper { width: 100%; height: 100%; position: absolute; -webkit-backface-visibility: hidden; top: 0; left: 0; } .webkit .fullscreen-section.background-fixed .background-image-wrapper { position: fixed; } .webkit .fullscreen-section.background-fixed .background-image { position: relative; background-attachment: scroll; } .webkit.side-nav-open .background-fixed .background-image-wrapper { position: absolute; } .mobile .fullscreen-section { height: auto; } .mobile .fullscreen-section .background-image-wrapper, .mobile .fullscreen-section.background-fixed .background-image-wrapper, .mobile .fullscreen-section .background-image { width: 100vw; position: relative !important; } .fs-pagination { width: 2.8rem; padding: 1rem; text-align: center; visibility: visible; opacity: 0; position: fixed; right: 25px; top: 50%; z-index: 10; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -ms-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -ms-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-backface-visibility: hidden; } .fs-bullet-nav { width: 0.8rem; height: 0.8rem; display: inline-block; background: #fff; opacity: 0.5; border-radius: 50%; } .nav-dark .fs-bullet-nav { background: #333; } .fullscreen-sections-wrapper.nav-dark .fs-bullet-nav { background: #333; } .fs-bullet-nav:hover { opacity: 1; } .fs-bullet-nav.active { opacity: 1; } .mobile .fs-pagination { display: none; } .fullscreen-section .fullscreen-inner { width: 100%; height: 100%; padding-top: 7rem; padding-bottom: 7rem; background: rgba( 0, 0, 0, 0.6); display: table-cell; vertical-align: middle; position: relative; z-index: 2; } .fullscreen-section.no-overlay .fullscreen-inner { background: rgba( 0, 0, 0, 0); } body.boxed .fullscreen-sections-wrapper .fullscreen-inner, body.boxed .fullscreen-section .fullscreen-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .fullscreen-section footer { width: 100%; padding-top: 1rem; padding-bottom: 1rem; position: absolute; bottom: 0; z-index: 3; } .fullscreen-section .copyright { margin-bottom: 0; font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem; color: #fff; } .fullscreen-section .social-list { margin-bottom: 0; } .fullscreen-inner.v-align-top { vertical-align: top; } .fullscreen-inner.v-align-bottom { vertical-align: bottom; } .fullscreen-section .hero-4, .fullscreen-section .hero-5, .fullscreen-section .hero-6, .fullscreen-section .hero-7 { height: 100vh; } .coming-soon-1 .background-image { background-image: url(../images/fullscreen/coming-soon-1.jpg); } .coming-soon-2 .background-image { background-image: url(../images/fullscreen/coming-soon-1.jpg); } .coming-soon-2 h1 { font-size: 10rem; line-height: 1; } .error-404 .background-image { background-image: url(../images/fullscreen/coming-soon-1.jpg); } .error-404 h1 { font-size: 15rem; line-height: 1; } .error-404 .search-form-container { max-width: 60rem; margin-left: auto; margin-right: auto; } .error-404 .form-submit { width: 100%; } .error-500 .background-image { background-image: url(../images/fullscreen/coming-soon-1.jpg); } .error-500 h1 { font-size: 15rem; line-height: 1; } .error-500 .button { margin-right: 2rem; } .error-500 .button:last-child { margin-right: 0; } [class*="error-"] .background-image, [class*="coming-soon-"] .background-image { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (max-width: 768px) { .fs-pagination { display: none; } .fullscreen-section footer { position: relative; } .fullscreen-section .column:last-child > *:last-child:not(.hero-content):not(input[type="submit"]) { margin-bottom: 0; } .fullscreen-section.content-below-on-mobile { height: auto; display: block; } .fullscreen-section.content-below-on-mobile .fullscreen-inner { padding-top: 7rem !important; padding-bottom: 7rem !important; display: block; text-align: left; } .fullscreen-section.no-overlay.content-below-on-mobile .background-on-mobile { padding: 0; margin-bottom: 0; background-color: #f4f4f4; } .fullscreen-section.no-overlay.content-below-on-mobile *, .fullscreen-section .background-on-mobile * { color: #666; } .fullscreen-section.content-below-on-mobile .alt-color-on-mobile { color: #fff; } .fullscreen-section .background-image-wrapper, .webkit .fullscreen-section .background-image-wrapper, .fullscreen-section.background-fixed .background-image-wrapper, .webkit .fullscreen-section.background-fixed .background-image-wrapper, .fullscreen-section .background-image, .fullscreen-section.background-fixed .background-image, .webkit .fullscreen-section.background-fixed .background-image { max-width: 100vw; background-attachment: scroll; } .fs-image-scale .background-image-wrapper, .fs-image-scale .background-image, .content-below-on-mobile .background-image-wrapper, .content-below-on-mobile .background-image, .content-below-on-mobile .background-slider-wrapper { position: relative !important; } .fullscreen-section.background-contain .background-image, .fullscreen-section.background-contain .background-image { background-position: center !important; background-size: 100% !important; } .mobile .fullscreen-section .background-image { max-width: 114rem; height: inherit; } .mobile .fullscreen-section { margin-top: -1px; } .coming-soon-2 h1 { font-size: 6rem; } .error-404 .form-submit { width: auto; } .error-404 h1, .error-500 h1 { font-size: 10rem; } } .mobile .fullscreen-section[class*="error-"], .mobile .fullscreen-section[class*="coming-soon-"] { height: 100vh; display: table; } .mobile [class*="error-"] .fullscreen-inner, .mobile [class*="coming-soon-"] .fullscreen-inner { display: table-cell; } .mobile .fullscreen-section[class*="error-"] .background-image-wrapper, .mobile .fullscreen-section[class*="coming-soon-"] .background-image-wrapper { position: fixed; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min--moz-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) { .coming-soon-1 .background-image { background-image: url(../images/fullscreen/coming-soon-1@2x.jpg); } .coming-soon-2 .background-image { background-image: url(../images/fullscreen/coming-soon-1@2x.jpg); } .error-404 .background-image { background-image: url(../images/fullscreen/coming-soon-1@2x.jpg); } .error-500 .background-image { background-image: url(../images/fullscreen/coming-soon-1@2x.jpg); } } .pagination-previous.disabled, .pagination-next.disabled, .pagination-previous.disabled:hover, .pagination-next.disabled:hover { transition: none; cursor: default; background: none !important; } .pagination-1 small { font-size: 1.3rem; display: block; } .pagination-1 small span { font-size: 1.3rem; display: inline-block; } .pagination-1 [class*="icon-"] { height: 3.6rem; font-size: 3.6rem; display: inline-block; } .pagination-1 .pagination-previous { text-align: left; } .pagination-1 .pagination-previous [class*="icon-"] { margin-right: 1rem; float: left; } .pagination-1 .pagination-next { text-align: right; } .pagination-1 .pagination-next [class*="icon-"] { margin-left: 1rem; float: right; } .pagination-1 span { font-size: 2rem; font-weight: bold; display: block; } .pagination-1 a.disabled, .pagination-1 a.disabled:hover { color: #ddd; } .pagination-1 .return-to-index, .pagination-1 .page-list { margin-top: 0.3rem; margin-bottom: 0; font-size: 1.7rem; text-align: center; font-weight: bold; } .pagination-1 .page-list li { padding: 0 0.7rem; } .section-block.pagination-2 { padding-top: 0; padding-bottom: 0; } .pagination-2 .column, .pagination-2 .column:hover { background-size: cover; background-position: center; -webkit-transform: translate(0,0); } body.boxed .pagination-2 { padding-left: 0; padding-right: 0; } .pagination-2 .pagination-previous, .pagination-2 .pagination-next { padding-top: 7rem; padding-bottom: 7rem; display: block; position: relative; } .pagination-2 .pagination-previous { padding-left: 3rem; padding-right: 5rem; background: #f9f9f9; text-align: right; } .pagination-2 .pagination-next { padding-right: 3rem; padding-left: 5rem; background: #eee; text-align: left; } .pagination-2 a:hover { background: #ff0000; } .pagination-2 small { font-size: 1.3rem; display: block; } .pagination-2 small span { font-size: 1.3rem; display: inline-block; } .pagination-2 [class*="icon-"] { height: 3.6rem; font-size: 3.6rem; display: inline-block; } .pagination-2 .pagination-previous [class*="icon-"] { margin-left: 1rem; float: right; } .pagination-2 .pagination-next [class*="icon-"] { margin-right: 1rem; float: left; } .pagination-2 span { font-size: 2rem; font-weight: bold; display: block; } .pagination-2 a.disabled, .pagination-2 a.disabled:hover { color: #ddd; } .pagination-3 ul { margin: 0; text-align: center; } .pagination-3 ul li { display: inline-block; } .pagination-3 a { width: 4rem; height: 4rem; margin: 0; padding: 1rem; display: block; border: 1px solid #ddd; border-radius: 50%; font-size: 1.5rem; font-weight: bold; line-height: 1.8rem; text-align: center; } .pagination-3 a.current, .pagination-3 a:hover { background: #333; color: #fff; border: transparent; } .pagination-3 li:first-child { float: left; } .pagination-3 li:last-child { float: right; } .pagination-3 a.disabled, .pagination-3 a.disabled:hover { color: #ddd; border-color: #ddd; } .pagination-4 { text-align: center; } .pagination-4 .button { width: auto; margin: 0 0.5rem; font-size: 1.6rem; font-weight: bold; } .pagination-4 .button.disabled, .pagination-4 .button.disabled:hover { color: #ddd; background: none; border-color: #ddd; } .pagination-4 .button [class*="icon-"]:before { margin: 0; } .pagination-4 .pagination-previous [class*="icon-"], .pagination-4 .pagination-next [class*="icon-"] { display: none; } .pagination-5 { padding-top: 0 !important; padding-bottom: 0 !important; border-top: 1px solid #ddd; } .pagination-5 ul { margin: 0; text-align: center; } .pagination-5 ul li { display: inline-block; margin-left: -0.4rem; } .pagination-5 a { width: 6rem; height: 6rem; color: #333; font-size: 1.4rem; font-weight: bold; line-height: 6rem; display: block; } .pagination-5 a.current { color: #999; } .pagination-5 a:hover { background: #333; color: #fff; } .pagination-5 li:first-child { float: left; } .pagination-5 li:last-child { float: right; } .pagination-5 a.disabled, .pagination-5 a.disabled:hover { color: #ddd; border-color: #ddd; } .pagination-5 a.pagination-previous, .pagination-5 a.pagination-next { width: auto; padding: 0 2rem; font-weight: bold; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .pagination-5 a.pagination-previous { padding-right: 3.5rem; } .pagination-5 a.pagination-next { padding-left: 3.5rem; } .pagination-5 a span { width: auto; float: left; } .pagination-5 a [class*="icon-"] { height: 100%; margin-right: 0; line-height: 6rem; font-size: 3.2rem; } @media only screen and (max-width: 768px) { .pagination-1 .pagination-previous, .pagination-1 .return-to-index, .pagination-1 .page-list { padding-bottom: 3.8rem; margin-bottom: 3.8rem; border-bottom: 1px solid #ddd; display: block; } .pagination-1 .return-to-index, .pagination-1 .page-list, .pagination-1 .pagination-next { text-align: left; } .pagination-1 .pagination-previous [class*="icon-"] { margin-right: 0; float: right; } .pagination-1 .pagination-next [class*="icon-"] { margin-left: 0; } .pagination-2 [class*="pagination-"] { padding: 4rem 1.5rem; } .pagination-2 .pagination-previous { text-align: left; } .pagination-2 .pagination-previous:after { width: 10rem; height: 1rem; bottom: 0; } .pagination-2 .pagination-previous [class*="icon-"] { margin-left: 0; margin-right: 1rem; float: left; } .pagination-5 ul li a.pagination-previous, .pagination-5 ul li a.pagination-next { width: 6rem; padding: 0; text-align: center; } .pagination-5 ul li a span { float: none; } .pagination-5 ul li a.pagination-previous span:last-child { display: none; } .pagination-5 ul li a.pagination-next span:first-child { display: none; } } @media only screen and (max-width: 490px) { .pagination-1, .pagination-3, .pagination-4 { padding-top: 4rem; padding-bottom: 4rem; } .pagination-4 span { display: none; } .pagination-4 .back-to-index [class*="icon-"], .pagination-4 .pagination-previous [class*="icon-"], .pagination-4 .pagination-next [class*="icon-"] { display: block; } .pagination-3 ul li, .pagination-5 ul li { display: none; } .pagination-3 ul li:first-child, .pagination-3 ul li:last-child, .pagination-5 ul li:first-child, .pagination-5 ul li:last-child { display: inline-block; } } .section-block.map-wrapper { padding-top: 0; padding-bottom: 0; } .map-container { width: 100%; height: 40rem; } #map-canvas { width: 100%; height: 100%; } #map-canvas img { max-width: none; } .gm-style .gm-style-iw { padding: 0.3rem; color: #666; line-height: 1.5; } .footer { position: relative; z-index: 1; } .footer [class*="content-grid"] { margin-left: -2rem; margin-right: -2rem; } .footer .grid-item { padding-left: 2rem; padding-right: 2rem; } .footer .widget { margin-bottom: 3rem; } .footer .grid-item > *:first-child, .footer .footer-top-inner > *:first-child, .footer .widget:last-child > *:first-child { margin-top: 0; } .footer .grid-item > *:last-child, .footer .footer-top-inner > *:last-child, .footer .widget:last-child > *:last-child { margin-bottom: 0; } .footer .grid-item.one-third { width: 33.33333%; } .footer .grid-item.two-thirds { width: 66.66667%; } .footer .navigation, .footer .social-list { float: none; } .footer .footer-logo { line-height: 1; } .footer .footer-logo a { -webkit-transition-property: opacity, background, color, visibility, -webkit-transform; -moz-transition-property: opacity, background, color, visibility, -moz-transform; -o-transition-property: opacity, background, color, visibility, -o-transform; -ms-transition-property: opacity, background, color, visibility, -ms-transform; transition-property: opacity, background, color, visibility, transform; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; } .footer .footer-logo a:hover { opacity: 0.6; } .footer .navigation li:hover a { background: none; } .footer .navigation li:first-child a { padding-left: 0; margin-left: 0; } .footer .navigation li:last-child a { padding-right: 0; margin-right: 0; } body.boxed .footer .footer-top, body.boxed .footer .footer-bottom { padding-left: 1.5rem; padding-right: 1.5rem; } .footer-1 { background-color: #222; } .footer-1 .footer-top { padding-top: 7rem; padding-bottom: 7rem; } .footer-1 .footer-logo { width: 17rem; margin-bottom: 1rem; display: inline-block; } .footer-1 .footer-text { margin-top: 0.5rem; text-transform: uppercase; font-size: 1.1rem; color: #555; } .footer-1 .footer-bottom { padding-bottom: 2rem; color: #555; } .footer-1 .footer-bottom-inner { padding-top: 3rem; border-top: 1px solid #333; } .footer-1 .footer-bottom .copyright { font-size: 1.1rem; float: left; } .footer-1 .navigation a { line-height: 2rem; text-transform: uppercase; background: none; padding: 0 1rem; } .footer-1 .navigation a:hover { background: none; color: #fff; } .footer-1 .navigation li.current a, .footer-1 .navigation li.current a:hover { background: none; color: #fff; } .footer-1 .footer-bottom .navigation, .footer-1 .footer-bottom .social-list { float: right; } .footer-1 .footer-bottom .navigation, .footer-1 .footer-bottom .social-list, .footer-1 .footer-bottom .copyright { margin-bottom: 1rem; } .footer-2 { background-color: #333; text-align: center; } .footer-2 .scroll-to-top-wrapper { text-align: center; display: block; } .footer-2 .scroll-to-top { width: 3rem; height: 3rem; line-height: 3rem; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; background: #222; } .footer-2 .footer-top { padding-top: 7rem; padding-bottom: 7rem; } .footer-2 .footer-logo { width: 17rem; margin-bottom: 1rem; display: inline-block; } .footer-2 .footer-text { margin-top: 0.5rem; text-transform: uppercase; font-size: 1.1rem; color: #555; } .footer-2 .navigation { float: none; } .footer-2 .navigation li { display: inline-block; float: none; } .footer-2 .navigation a { line-height: 2rem; text-transform: uppercase; background: none; padding: 0 1rem; } .footer-2 .navigation a:hover { background: none; color: #fff; } .footer-2 .navigation li.current > a, .footer-2 .navigation li.current > a:hover { background: none; color: #fff; } .footer-2 .footer-bottom { padding-top: 3rem; padding-bottom: 3rem; background: #222; color: #555; } .footer-2 .copyright { font-size: 1.1rem; font-weight: bold; letter-spacing: 0.1rem; } .footer-2 .footer-bottom .navigation, .footer-2 .footer-bottom .social-list, .footer-2 .footer-bottom .copyright { margin-bottom: 0; } .footer-3 { background-color: #333; } .footer-3 .scroll-to-top-wrapper { margin-top: 2rem; margin-bottom: -4rem; text-align: center; display: block; } .footer-3 .scroll-to-top { width: 3rem; height: 3rem; margin: auto; line-height: 3rem; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; background: #222; } .footer-3 .footer-top { padding-top: 7rem; padding-bottom: 4rem; } .footer-3 .footer-logo { width: 100%; margin: 0 auto 2rem auto; } .footer-3 h5 { margin-bottom: 3rem; color: #fff; } .footer-3 .footer-text { margin-top: 0.5rem; text-transform: uppercase; font-size: 1.1rem; color: #555; } .footer-3 .navigation li { display: inline-block; float: none; } .footer-3 .navigation a { line-height: 2rem; text-transform: uppercase; background: none; padding: 0 1rem; } .footer-3 .navigation a:hover { background: none; color: #ffffff; } .footer-3 .navigation li.current > a, .footer-3 .navigation li.current > a:hover { background: none; color: #fff; } .footer-3 .footer-bottom { padding-top: 3rem; padding-bottom: 3rem; background: #222; } .footer-3 .copyright { font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem; color: #555; } .footer-3 .footer-bottom .navigation, .footer-3 .footer-bottom .social-list, .footer-3 .footer-bottom .copyright { margin-bottom: 0; } .footer-4 { background-color: #333; } .footer-4 .scroll-to-top-wrapper { margin-top: 2rem; margin-bottom: -4rem; text-align: center; display: block; } .footer-4 .scroll-to-top { width: 3rem; height: 3rem; margin: auto; line-height: 3rem; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; background: #222; } .footer-4 .footer-top { padding-top: 7rem; padding-bottom: 4rem; } .footer-4 .footer-logo { width: 100%; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #444; } .footer-4 h5 { margin-bottom: 3rem; color: #fff; } .footer-4 .footer-text { margin-top: 0.5rem; text-transform: uppercase; font-size: 1.1rem; color: #555; } .footer-4 .navigation li { display: inline-block; float: none; } .footer-4 .navigation a { line-height: 2rem; text-transform: uppercase; background: none; padding: 0 1rem; } .footer-4 .navigation a:hover { background: none; color: #ffffff; } .footer-4 .navigation li.current > a, .footer-4 .navigation li.current > a:hover { background: none; color: #fff; } .footer-4 .footer-bottom { padding-top: 3rem; padding-bottom: 3rem; background: #222; } .footer-4 .copyright { font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem; color: #555; } .footer-4 .footer-bottom .navigation, .footer-4 .footer-bottom .social-list, .footer-4 .footer-bottom .copyright { margin-bottom: 0; } @media only screen and (max-width: 768px) { [class*="footer-"] .grid-item.one-third { width: 100%; } [class*="footer-"] .grid-item.two-thirds { width: 100%; } [class*="footer-"] .footer-bottom .copyright, [class*="footer-"] .footer-bottom .navigation, [class*="footer-"] .footer-bottom .social-list { display: block; float: none; } .footer-1 .navigation li { display: inline-block; float: none; } } @media only screen and (max-width: 480px) { .footer-3, .footer-4 { text-align: center; } } .post { margin-bottom: 7rem; } .post:last-child { margin-bottom: 0 !important; } .post-content { position: relative; -webkit-transition-property: background, color; -moz-transition-property: background, color; -ms-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -ms-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; } .post-media ~ .post-content, .post-media + .post-info-aside { margin-top: 3rem; } .post-content + .post-media { margin-top: 3rem; } .blog-masonry.masonry-set-dimensions .post, .blog-masonry.masonry-set-dimensions .post-media { height: 100%; } .blog-masonry.masonry-set-dimensions .post-content { width: 100%; height: auto; padding: 0; color: #fff; display: table; position: absolute; bottom: 0; z-index: 2; } .blog-masonry.masonry-set-dimensions .post-content:hover { background: rgba(0,0,0,0.8); } .blog-masonry.masonry-set-dimensions .post-content-inner { height: 100%; padding: 2rem; display: table-cell; vertical-align: bottom; } .post-content > *:last-child { margin-bottom: 0; } .post-content.with-background { padding: 3rem; margin-top: 0; background: #f9f9f9; } .post-content.with-background > *:first-child { margin-top: 0; } .blog-masonry.masonry-set-dimensions .post-content.with-background { background: rgba(0,0,0,0.2); } .blog-masonry.masonry-set-dimensions .post-media:hover .post-content { background: rgba(0,0,0,0.8); } .post-info { margin-bottom: 3rem; } .blog-masonry.masonry-set-dimensions .post-info { margin-bottom: 1rem; } .post-info-aside, .post-author-aside, .post-comments-aside { position: absolute; z-index: 1; } .post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner { padding-left: 10rem; } .post-info { padding: 0; margin-right: 0.2rem; margin-top: 0; font-size: 1.1rem; font-weight: bold; letter-spacing: 0.1rem; text-transform: uppercase; display: inline-block; border: none; } .post-info span:first-child { margin-left: 0; } .post-info span:last-child { margin-right: 0; } .post-info [class*="icon-"] { display: inline-block; position: relative; z-index: 1; } .post-info .post-love [class*="icon-"] { margin-right: 0.2rem; } .post-love a [class*="icon-"], .post-comments a [class*="icon-"] { width: 1.2rem; text-align: center; -webkit-transition-property: transform; -moz-transition-property: transform; -ms-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transform-transition-duration: 200ms; } .post-love a:hover [class*="icon-"], .post-comment a:hover [class*="icon-"] { -webkit-transform: scale3d(1.2,1.2,1); -moz-transform: scale3d(1.2,1.2,1); -ms-transform: scale3d(1.2,1.2,1); -o-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1); } .post-content .read-more { margin-bottom: 0; } .post-media { max-width: 114rem; } .post-media > * { float: none; margin-bottom: 0; } .blog-masonry.masonry-set-dimensions .post-media { position: relative; overflow: hidden; } .blog-masonry.masonry-set-dimensions.no-margins .post-media { position: static; overflow: hidden; } .blog-regular .post-media .post-slider { width: 82.5rem; height: 55rem; } .blog-single-post .post-media .post-slider, .blog-masonry .post-media .post-slider { width: 82.5rem; height: 55rem; } .blog-wide .post-media .post-slider { width: 111rem; height: 74rem; } .post-media .mejs-audio, .post-media .mejs-audio .mejs-controls, .post-media .mejs-audio .mejs-container .mejs-button, .post-media .mejs-audio .mejs-button.mejs-play, .post-media .mejs-audio .mejs-button.mejs-pause, .post-media .mejs-audio .mejs-button.mejs-mute, .post-media .mejs-audio .mejs-controls div.mejs-time-rail, .post-media .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider { height: 4.9rem !important; } .post-media .mejs-audio .mejs-controls .mejs-time { margin-top: 1rem; } .post-media .mejs-audio .mejs-time-rail .mejs-time-total { margin-top: 2.1rem; } .post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 2.1rem; } .post-media .mejs-audio .mejs-button button { margin: 1.6rem 0.7rem; } .post-media .mejs-audio .mejs-button.mejs-play, .post-media .mejs-audio .mejs-button.mejs-pause { width: 4.4rem !important; } .post-media .mejs-audio .mejs-button.mejs-play button, .post-media .mejs-audio .mejs-button.mejs-pause button { margin: 1.6rem 1.4rem; } .blog-masonry.no-padding-top { padding-top: 1rem; } .blog-masonry.no-padding-bottom { padding-bottom: 0.5rem; } .blog-masonry.full-width.no-margins { padding: 0; } .blog-masonry [class*="content-grid"] { margin-bottom: -3rem; } .blog-masonry.masonry-set-dimensions [class*="content-grid"] { margin-bottom: -1.5rem; } .blog-masonry.no-margins [class*="content-grid"], .blog-masonry.no-margins [class*="content-grid"] .grid-item { padding: 0 !important; margin: 0 !important; } .blog-masonry > .row > .column, .blog-masonry [class*="content-grid"] { padding-left: 0; padding-right: 0; } .blog-masonry [class*="content-grid"] { margin-left: 0; margin-right: 0; } .blog-masonry.full-width [class*="content-grid"] { margin-left: 1.5rem; margin-right: 1.5rem; } body.boxed .blog-masonry.full-width [class*="content-grid"] { margin-left: 0; margin-right: 0; } .blog-masonry [class*="content-grid"] .grid-item { padding-left: 1.5rem; padding-right: 1.5rem; } .blog-masonry .grid-item .video, .blog-masonry .grid-item .video-container { margin-bottom: 0; } .blog-regular h2.post-title, .blog-wide h2.post-title, .blog-masonry h2.post-title, .blog-single-post h2.post-title { margin-top: 0; margin-bottom: 1rem; } .blog-masonry.small-margins [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: -1.5rem; margin-right: -1.5rem; } .blog-masonry.small-margins > .row > .column { padding-left: 1rem; padding-right: 1rem; } .blog-masonry.small-margins.no-margins > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } .blog-masonry.small-margins.full-width > .row > .column { padding-left: 0.5rem; padding-right: 0.5rem; } .blog-masonry.small-margins.no-margins.full-width > .row > .column { padding-left: 0rem; padding-right: 0rem; } .blog-masonry.small-margins.full-width [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .blog-masonry.small-margins [class*="content-grid"] { padding-left: 0; padding-right: 0; margin-top: -0.5rem; margin-left: 0; margin-right: 0; margin-bottom: -0.5rem; } .blog-masonry.small-margins [class*="content-grid"] .grid-item { margin-bottom: 0; padding: 0.5rem; position: relative; } .blog-masonry.no-margins > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } .blog-masonry.full-width.no-margins > .row > .column { padding-left: 0; padding-right: 0; } .blog-masonry.full-width .row { max-width: 100%; } .sidebar.left .sidebar-inner { padding-right: 1rem; } .sidebar.right .sidebar-inner { padding-left: 1rem; } .sidebar.left .sidebar-inner, .sidebar.right .sidebar-inner { text-align: left; } .sidebar .widget:first-child .widget-title { margin-top: 0; } .widget .post-info { display: block; margin-bottom: 0; line-height: 1; } @media only screen and (max-width: 1140px) { .blog-wide .post-media .post-slider { width: 93rem; height: 62rem; } .blog-regular .post-media .post-slider { width: 69rem; height: 46rem; } .blog-masonry [class*="content-grid"] .grid-item { width: 33.33333%; } } @media only screen and (max-width: 960px) { .blog-wide .post-media .post-slider { width: 73rem; height: 48.7rem; } .blog-regular .post-media .post-slider { width: 54rem; height: 36rem; } .sidebar.left .sidebar-inner { padding-right: 0; } .sidebar.right .sidebar-inner { padding-left: 0; } .blog-masonry [class*="content-grid"] .grid-item { width: 50%; } } @media only screen and (max-width: 768px) { .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider { width: 57rem; height: 38rem; } .post-info span.show-on-mobile, .post-info .show-on-mobile a, .post-info [class*="icon-"] { display: inline-block !important; } .post-info-aside, .post-author-aside, .post-comments-aside { display: none !important; } .post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner { padding-left: 0 !important; } .comment-list ul { margin-left: 0 !important; } } @media only screen and (max-width: 600px) { .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider { width: 45rem; height: 30rem; } .blog-masonry [class*="content-grid"] .grid-item { width: 100%; } } @media only screen and (max-width: 480px) { .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider { width: 32rem; height: 21.3rem; } } .single-post .post { margin-bottom: 0; } .single-post .post-content .post-media { margin-bottom: 3rem; } .single-post .post-content.with-background .post-media { margin-bottom: 0; } .single-post-tags { width: 100%; padding-top: 3rem; margin-top: 3rem; font-size: 1.2rem; border-top: 1px solid #ddd; } .single-post-tags .tags-title { font-weight: bold; margin-top: 0; } .single-post-tags a { margin-left: 0.8rem; margin-right: 0.8rem; display: inline-block; letter-spacing: 0.1rem; } .post-author { padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #ddd; } .post-author .author-avatar { max-width: 7rem; float: left; } .post-author .author-avatar img { border-radius: 50%; } .post-author .author-content { margin-left: 10rem; } .post-author .author-content *:last-child { margin-bottom: 0; } .post-author .name { font-size: 1.6rem; margin-bottom: 0.6rem; } .post-comments { padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #ddd; } .post-comments .comments-title { margin-bottom: 3rem; } .post-comments .comment-list > li { margin-bottom: 4rem; } .post-comments .comment-list > li:last-child { margin-bottom: 0; } .post-comments .user-avatar { max-width: 7rem; float: left; } .post-comments .user-avatar img { border-radius: 50%; } .post-comments .comment-content { margin-left: 10rem; } .post-comments .name { font-size: 1.6rem; margin-bottom: 0.6rem; } .post-comments .comment-meta { width: 100%; margin-bottom: 2rem; line-height: 1; } .post-comments .comment-meta a { margin-left: 0.8rem; margin-right: 0.8rem; display: inline-block; font-size: 1.2rem; letter-spacing: 0.1rem; font-weight: bold; } .post-comments .comment-meta a:first-child { margin-left: 0; } .post-comment-respond { padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #ddd; } .post-comment-respond .reply-title { margin-bottom: 3rem; } .post-comment-respond .comment-form .column { float: none; } .sidebar .widget { margin-bottom: 3rem; } .sidebar .widget li { padding-top: 0.8rem; padding-bottom: 0.8rem; } @media only screen and (max-width: 768px) { .sidebar .sidebar-inner { padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #ddd; } } [class^="title-"] { margin-bottom: 2rem; } .title-xlarge { font-size: 9rem; line-height: 9rem; } .title-large { font-size: 7rem; line-height: 7rem; } .title-medium { font-size: 5rem; line-height: 5rem; } .title-small { font-size: 3rem; line-height: 3rem; } .text-xlarge { font-size: 2.2rem; } .text-large { font-size: 1.8rem; } .text-medium { font-size: 1.5rem; } .text-small { font-size: 1.2rem; } .text-uppercase { text-transform: uppercase; } @media only screen and (max-width: 768px) { .title-xlarge { font-size: 4.5rem; line-height: 4.5rem; } .title-large { font-size: 4rem; line-height: 4rem; } .title-medium { font-size: 3rem; line-height: 3rem; } .title-small { font-size: 2rem; line-height: 2rem; } .text-xlarge { font-size: 2rem; line-height: 1.7; } .text-large { font-size: 1.6rem; line-height: 1.6; } .text-medium { font-size: 1.3rem; line-height: 1.5; } .text-small { font-size: 1.2rem; line-height: 1.3; } } .mt-5 { margin-top: 0.5rem; } .mt-10 { margin-top: 1rem; } .mt-20 { margin-top: 2rem; } .mt-30 { margin-top: 3rem; } .mt-40 { margin-top: 4rem; } .mt-50 { margin-top: 5rem; } .mt-60 { margin-top: 6rem; } .mt-70 { margin-top: 7rem; } .mt-80 { margin-top: 8rem; } .mt-90 { margin-top: 9rem; } .mt-100 { margin-top: 10rem; } .mt-110 { margin-top: 11rem; } .mt-120 { margin-top: 12rem; } .mt-130 { margin-top: 13rem; } .mt-140 { margin-top: 14rem; } .mt-150 { margin-top: 15rem; } .mb-5 { margin-bottom: 0.5rem; } .mb-0 { margin-bottom: 0rem; } .mb-10 { margin-bottom: 1rem; } .mb-20 { margin-bottom: 2rem; } .mb-30 { margin-bottom: 3rem; } .mb-40 { margin-bottom: 4rem; } .mb-50 { margin-bottom: 5rem; } .mb-60 { margin-bottom: 6rem; } .mb-70 { margin-bottom: 7rem; } .mb-80 { margin-bottom: 8rem; } .mb-90 { margin-bottom: 9rem; } .mb-100 { margin-bottom: 10rem; } .mb-110 { margin-bottom: 11rem; } .mb-120 { margin-bottom: 12rem; } .mb-130 { margin-bottom: 13rem; } .mb-140 { margin-bottom: 14rem; } .mb-150 { margin-bottom: 15rem; } .pt-5, .section-block.pt-5 { padding-top: 0.5rem; } .pt-10, .section-block.pt-10 { padding-top: 1rem; } .pt-20, .section-block.pt-20 { padding-top: 2rem; } .pt-30, .section-block.pt-30 { padding-top: 3rem; } .pt-40, .section-block.pt-40 { padding-top: 4rem; } .pt-50, .section-block.pt-50 { padding-top: 5rem; } .pt-60, .section-block.pt-60 { padding-top: 6rem; } .pt-70, .section-block.pt-70 { padding-top: 7rem; } .pt-80, .section-block.pt-80 { padding-top: 8rem; } .pt-90, .section-block.pt-90 { padding-top: 9rem; } .pt-100, .section-block.pt-100 { padding-top: 10rem; } .pt-110, .section-block.pt-110 { padding-top: 11rem; } .pt-120, .section-block.pt-120 { padding-top: 12rem; } .pt-130, .section-block.pt-130 { padding-top: 13rem; } .pt-140, .section-block.pt-140 { padding-top: 14rem; } .pt-150, .section-block.pt-150 { padding-top: 15rem; } .pb-5, .section-block.pb-5 { padding-bottom: 0.5rem; } .pb-10, .section-block.pb-10 { padding-bottom: 1rem; } .pb-20, .section-block.pb-20 { padding-bottom: 2rem; } .pb-30, .section-block.pb-30 { padding-bottom: 3rem; } .pb-40, .section-block.pb-40 { padding-bottom: 4rem; } .pb-50, .section-block.pb-50 { padding-bottom: 5rem; } .pb-60, .section-block.pb-60 { padding-bottom: 6rem; } .pb-70, .section-block.pb-70 { padding-bottom: 7rem; } .pb-80, .section-block.pb-80 { padding-bottom: 8rem; } .pb-90, .section-block.pb-90 { padding-bottom: 9rem; } .pb-100, .section-block.pb-100 { padding-bottom: 10rem; } .pb-110, .section-block.pb-110 { padding-bottom: 11rem; } .pb-120, .section-block.pb-120 { padding-bottom: 12rem; } .pb-130, .section-block.pb-130 { padding-bottom: 13rem; } .pb-140, .section-block.pb-140 { padding-bottom: 14rem; } .pb-150, .section-block.pb-150 { padding-bottom: 15rem; } [class*="pu-"], [class*="pd-"] { position: relative; } .pd-10 { top: 1rem; } .pd-20 { top: 2rem; } .pd-30 { top: 3rem; } .pd-40 { top: 4rem; } .pd-50 { top: 5rem; } .pd-60 { top: 6rem; } .pd-70 { top: 7rem; } .pd-80 { top: 8rem; } .pd-90 { top: 9rem; } .pd-100 { top: 10rem; } .pd-110 { top: 11rem; } .pd-120 { top: 12rem; } .pd-130 { top: 13rem; } .pd-140 { top: 14rem; } .pd-150 { top: 15rem; } .pu-10 { top: -1rem; } .pu-20 { top: -2rem; } .pu-30 { top: -3rem; } .pu-40 { top: -4rem; } .pu-50 { top: -5rem; } .pu-60 { top: -6rem; } .pu-70 { top: -7rem; } .pu-80 { top: -8rem; } .pu-90 { top: -9rem; } .pu-100 { top: -10rem; } .pu-110 { top: -11rem; } .pu-120 { top: -12rem; } .pu-130 { top: -13rem; } .pu-140 { top: -14rem; } .pu-150 { top: -15rem; } @media only screen and (max-width: 768px) { .mt-mobile-5 { margin-top: 0.5rem; } .mt-mobile-10 { margin-top: 1rem; } .mt-mobile-20 { margin-top: 2rem; } .mt-mobile-30 { margin-top: 3rem; } .mt-mobile-40 { margin-top: 4rem; } .mt-mobile-50 { margin-top: 5rem; } .mt-mobile-60 { margin-top: 6rem; } .mt-mobile-70 { margin-top: 7rem; } .mt-mobile-80 { margin-top: 8rem; } .mt-mobile-90 { margin-top: 9rem; } .mt-mobile-100 { margin-top: 10rem; } .mt-mobile-110 { margin-top: 11rem; } .mt-mobile-120 { margin-top: 12rem; } .mt-mobile-130 { margin-top: 13rem; } .mt-mobile-140 { margin-top: 14rem; } .mt-mobile-150 { margin-top: 15rem; } .mb-mobile-5 { margin-bottom: 0.5rem; } .mb-mobile-10 { margin-bottom: 1rem; } .mb-mobile-20 { margin-bottom: 2rem; } .mb-mobile-30 { margin-bottom: 3rem; } .mb-mobile-40 { margin-bottom: 4rem; } .mb-mobile-50 { margin-bottom: 5rem; } .mb-mobile-60 { margin-bottom: 6rem; } .mb-mobile-70 { margin-bottom: 7rem; } .mb-mobile-80 { margin-bottom: 8rem; } .mb-mobile-90 { margin-bottom: 9rem; } .mb-mobile-100 { margin-bottom: 10rem; } .mb-mobile-110 { margin-bottom: 11rem; } .mb-mobile-120 { margin-bottom: 12rem; } .mb-mobile-130 { margin-bottom: 13rem; } .mb-mobile-140 { margin-bottom: 14rem; } .mb-mobile-150 { margin-bottom: 15rem; } [class*="pu-"], [class*="pd-"] { top: 0; } } /*------------------------------------------------------------------ Sartre Skin Web Application Version: 1; Author: ThemeMountain Copyright: ThemeMountain [Table of contents] 1. Typography 2. Background Color & Color Classes 3. Section Padding 4. Header Styling 5. Header Logo 6. Header Navigation 7. Header Buttons, Dropdowns & Icons 8. Auxiliary Navigation 9. Title Areas 10. Slider & Parallax 11. Lightbox 12. Plugin Preloader 13. Rollovers 14. Homepage 15. About Pages 16. Contact Pages 17. Project Pages 18. Pagination 19. Fullscreen Pages 20. Blog Pages 21. Form Elements 22. Social Lists 23. Footer 24. Sidebar 25. Dividers 26. Media Element Player 27. Component Stling 28. Resolution Media Queries -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Typography] */ .field-validation-error, .validation-summary-errors { color: red; font-size: 12px; } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } .ui-tooltip, .arrow:after { background: black; border: 2px solid white; } .ui-tooltip { background: #8B8386; color: white; border: none; padding: 0; opacity: 1; font-size: x-small; width: auto; max-width: 500px !important; } .ui-tooltip-content { position: relative; padding: .05em; text-align: left; } .ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; } .right .ui-tooltip-content::after { top: 10px; left: -8.5px; border-color: transparent #8B8386; border-width: 8px 8px 8px 0; } #loading { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } .login-loader, .artist-loader, .basic-loader { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } .login-content, .basic-content, .artist-content { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .login-spinner, .basic-spinner, .artist-spinner { display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: larger; padding-top: 80px; color: black; font-weight:bolder; } @font-face{ font-family: Yanone Kaffeesatz; src: url(../fonts/YanoneKaffeesatz-Light.ttf); } .menu-wrap > a { font-family: 'Open Sans', sans-serif; } i { margin-right:5px; } .padding-2{ margin-bottom:2px; } body{ font-family: 'Open Sans', sans-serif; letter-spacing: 0; font-size: 1.4rem; line-height: 1.8; font-weight: 400; color: #8b8386; } h1, h2, h3, h4, h5, h6, input, select, textarea, .project-title, .project-description, .font-alt-1, .header .navigation > ul > li > a, .side-navigation > ul > li > a, .overlay-navigation > ul > li > a, .portfolio-filter-menu a, .counter{ font-family: 'Open Sans', sans-serif !important; color: #8b8386; } button, .button { font-family: 'Open Sans', sans-serif !important; /*text-transform: capitalize !important;*/ font-weight: 300 !important; border-radius: 0px !important; font-size: 18px !important; } /* Titles */ h1, h2, h3, h4, h5, h6{ line-height: 1; font-weight: 600; text-transform: normal; color: #8b8386; font-family: 'Open Sans', sans-serif; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #ff4556; } h1 { font-size: 4.5rem; margin-top: 15px; } h2{ font-size: 3.3rem; } h3 { font-size: 2.3rem; } h4 { font-size: 1.8rem; } h5{ font-size: 1.6rem; } h6{ font-size: 1.2rem; } /* Widget Titles */ .footer .widget-title, .footer .widget-title a{ font-size: 1.4rem; font-weight: 700; letter-spacing: 0; text-transform: uppercase; color: #999; } .sidebar .widget-title, .sidebar .widget-title a{ font-size: 1.4rem; } .side-navigation-wrapper .widget-title, .side-navigation-wrapper .widget-title a{ font-size: 1.4rem; color: #fff; } .overlay-navigation-wrapper .widget-title, .overlay-navigation-wrapper .widget-title a{ font-size: 1.4rem; color: #999; } .set-min-width{ min-width:368px; } /* Link Colors */ a, p a, .box a:not(.button){ color: #1479AC; } a:hover, .box a:not(.button):hover, .social-list li a:hover, .team-1 .social-list a:hover, .team-2 .social-list a:hover, .accordion li a:hover, .accordion li.active a, .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .blog-masonry .with-background .post-read-more a:hover, .post-info a:hover, .post-info-over a:hover, .post-info-over a:hover span, .post-author-aside a:hover, .post-love a:hover, .post-love a:hover span, .scroll-down a:hover, .widget a:not(.button):hover, .footer a:hover + .post-info .post-date, .footer .navigation a:hover, .footer .social-list a:hover, .footer .footer-bottom a:hover{ color: #1479AC; } a[class*="icon-"]:hover{ text-decoration: none; } a:hover .text-line, a.animated-link:hover .text-line, .accordion li a:hover .text-line, .tabs li a:hover .text-line, .blog-masonry .with-background .post-read-more a:hover .text-line{ background-color: #1479AC; } a.animated-link{ position: relative; } /* Lead */ .lead, blockquote.large{ font-size: 2rem; font-weight: 300; } .price-button{ min-width: 15rem; } /* Title Classes */ .title-xlarge{ font-size: 8rem; line-height: 1; } .title-large{ font-size: 6.2rem; line-height: 1; } .title-medium{ font-size: 3rem; line-height: 1; } .title-small{ font-size: 1.1rem; line-height: 1; } /* Text Classes */ .text-xlarge{ font-size: 4.6rem; line-height: 1.4; } .text-large{ font-size: 4rem; line-height: 1.4; } .text-medium{ font-size: 2.4rem; line-height: 1.4; } .text-small{ font-size: 1.6rem; line-height: 1.4; } /* Special Text Classes */ .status-code-title{ font-size: 14rem; line-height: 1; } /* Weight Classes */ .weight-light{ font-weight: 300; } .weight-bold{ font-weight: 700; } @media only screen and (max-width: 768px){ h1, .title-xlarge { font-size: 4rem; } h2, .title-large{ font-size: 2.8rem; } h3 { font-size: 1.8rem; } h4 { font-size: 1.5rem; } h5{ font-size: 1.3rem; } h6{ font-size: 1.1rem; } h5.tms-caption, .tmp-content h5{ font-size: 1.4rem; } .tms-caption.title-xlarge, .tmp-content .title-xlarge{ font-size: 4.5rem; line-height: 4.5rem; } /* Lead */ .lead{ font-size: 1.7rem; } /* Text Classes */ .text-xlarge{ font-size: 3.1rem; } .text-large{ font-size: 2.5rem; } .text-medium{ font-size: 1.9rem; } .text-small{ font-size: 1.1rem; } /* Helpers */ .fullscreen-section .background-on-mobile{ background: #f4f4f4; } .fullscreen-section .background-on-mobile *{ color: #666 !important; } .fullscreen-section .background-on-mobile h1, .fullscreen-section .background-on-mobile h2, .fullscreen-section .background-on-mobile h3, .fullscreen-section .background-on-mobile h4, .fullscreen-section .background-on-mobile h5, .fullscreen-section .background-on-mobile h6{ color: #000 !important; } } /*------------------------------------------------------------------ [2. Background Color & Color Classes] */ body, .content, .featured-media, .featured-media:after, .section-block:not([class*="bkg-"]), .fullscreen-sections-wrapper{ background-color: #fff !important; } /* grey ulatrlight */ .bkg-grey-ultralight{ background-color: #f4f4f4; border-color: #f4f4f4; } .bkg-hover-grey-ultralight:hover{ background-color: #f4f4f4; border-color: #f4f4f4; } .border-hover-grey-ultralight:hover{ border-color: #f4f4f4; } .color-grey-ultralight, .color-hover-grey-ultralight:hover{ color: #f4f4f4; } /* grey */ .bkg-grey{ background-color: #4e4e4d; border-color: #4e4e4d; } .bkg-hover-grey:hover{ background-color: #4e4e4d; border-color: #4e4e4d; } .border-hover-grey:hover{ border-color: #4e4e4d; } .color-grey, .color-hover-grey:hover{ color: #4e4e4d; } /* charcoal */ .bkg-charcoal-light{ background-color: #333; border-color: #333; } .bkg-hover-charcoal-light:hover{ background-color: #333; border-color: #333; } .border-hover-charcoal-light:hover{ border-color: #333; } .color-charcoal-light, .color-hover-charcoal-light:hover{ color: #333; } .bkg-charcoal{ background-color: #a2cf64; border-color: #a2cf64; color: #fff; border-radius: 4px; display: inline-block; height: 38px; padding: 0 30px; text-align: center; font-size: 18px !important; line-height: 2px !important; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; border: 1px solid #a2cf64; cursor: pointer; box-sizing: border-box; } .bkg-hover-charcoal:hover{ background-color: #586a75; border-color: #586a75; } .border-charcoal, .border-hover-charcoal:hover{ border-color: #586a75; } .color-charcoal, .color-hover-charcoal:hover{ color: #586a75; } /* purple */ .bkg-purple{ background-color: #a2cf64; border-color: #a2cf64; border-radius: 4px; font-size: 18px !important; } .bkg-hover-purple:hover{ background-color: #586a75; border-color: #586a75; } .border-purple, .border-hover-purple:hover{ border-color: #586a75; } .color-purple, .color-hover-purple:hover{ color: #586a75; border-radius: 4px; font-size: 18px !important; } /*------------------------------------------------------------------ [3. Section Padding] */ /* Unique Template Padding & Margins */ .section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge{ padding-top: 11rem; padding-bottom: 11rem; } .replicable-content, .row.xlarge.replicable-content{ padding-top: 11rem; padding-bottom: 8rem; } .section-block.slanted-top:before{ width: 100%; height: 12rem; background-color: inherit; content: ''; position: absolute; left: 0; top: -5.7rem; -webkit-transform: skewY(-4.5deg); -ms-transform: skewY(-4.5deg); transform: skewY(-4.5deg); z-index: 5; } .feature-2.no-padding-bottom .feature-content-inner{ padding-bottom: 11rem; } .footer-1 .footer-top{ padding-top: 9rem; padding-bottom: 0; } .portfolio-filter-menu{ padding-top: 5rem; padding-bottom: 5rem; } .home-page .portfolio-filter-menu{ padding-bottom: 4rem; } .section-block.feature-2{ padding-bottom: 12rem; } .divider{ margin-top: 6rem; margin-bottom: 9rem; } .page-intro .divider, [class*="intro-title-"] .divider{ margin-top: 0; margin-bottom: 2rem; } .separator{ width: 5rem; height: 0.1rem; margin-top: 1.5rem; margin-bottom: 3rem; } .text-line{ width: 2rem; height: 0.1rem; display: inline-block; } .text-line[class*="bkg-"]{ padding: 0; } .text-line-vertical{ display: inline-block; position: relative; } .text-line-vertical:after { width: 1px; height: 8rem; margin-top: 3rem; border-right: 1px solid #777; position: absolute; top: 100%; left: 50%; content: ''; } .tm-slider-container .text-line-vertical:after{ height: 200%; border-color: #fff; } @media only screen and (min-width: 960px){ .header-1-static + .content{ padding-top: 8rem; } } @media only screen and (max-width: 768px){ .fullscreen-section.content-below-on-mobile .fullscreen-inner { padding-top: 12rem !important; padding-bottom: 12rem !important; } } /*------------------------------------------------------------------ [4. Header Styling] */ /* Header Initial Styling */ .header .header-inner{ border-bottom: 1px solid transparent; } /* Background Header - on scroll */ .header.header-background .header-inner{ background: #fff; border-bottom: 1px solid #eee; } .header.header-background .header-inner > .nav-bar{ border-bottom: none; } /* Specific Header Styling */ /* type 1 statc */ .header-1-static .header-inner{ background: #fff; } .header-1-static .header-inner > .nav-bar{ border: none; } /* type 3 */ .header-3, .header-3 .header-inner{ background: none; position: absolute; z-index: 100; } .header-3 .header-inner-top{ height: 4rem; background: #586a75; color: #fff; } /* type 4 */ .header-4{ top: auto; bottom: 0; } /* Mobile Header Styles & Breakpoints */ .mobile .header, .mobile .header .header-inner{ background: #fff; border-top: none; } .mobile .header .header-inner{ border-bottom: 1px solid #eee; } .mobile .header-1-static + .content{ padding-top: 0; } @media only screen and (max-width: 960px){ .header .header, .header .header-inner{ background: #fff; } .header .header-inner{ background: #fff; border-bottom: 1px solid #eee; } .header .header-inner > .nav-bar{ padding: 0; } } /*------------------------------------------------------------------ [5. Header Logo] */ /* Logo Common Styling */ .header .logo{ width: 3.5rem; padding-top: 2.1rem; padding-bottom: 0; line-height: 1.6rem; } .header .logo.logo-center{ padding-top: 2rem; } .header .logo .logo-inner{ width: inherit; height: 4.4rem; position: relative; overflow: hidden; } .header .logo a:first-child{ top: 5rem; opacity: 0; } .header .logo a, .header .logo a + a{ padding: 0; display: block !important; position: absolute; top: 0; } /* Logo Styling Static Header */ .header-1-static .logo a:first-child{ display: block !important; opacity: 1; top: 0; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .header-1-static .logo a + a{ display: none !important; } /* Logo Nav Dark */ .nav-dark .logo a:last-child{ display: none !important; } .nav-dark .logo a:first-child{ display: block !important; top: 0; opacity: 1; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } /* Logo Compacted Header */ .header.header-compact .logo{ width: 3.5rem; } .header.header-compact .logo{ padding-top: 1.2rem; } .header.header-compact .logo{ padding-bottom: 0; } .header-compact .logo a:first-child{ opacity: 1; } /* Logo Header Background - logo swap on scroll */ .header.header-background .logo a:last-child{ opacity: 0 !important; } .header.header-background .logo a:first-child, .header.header-background .logo a:last-child{ -webkit-transform: translateY(-5rem); -ms-transform: translateY(-5rem); transform: translateY(-5rem); opacity: 1; } /* Logo Mobile Header & Breakpoints */ .mobile .header .logo a:first-child{ top: 0; opacity: 1; } @media only screen and (max-width: 960px){ .header .logo-inner{ display: table-cell; vertical-align: middle; } .header .logo a{ position: relative; } .header .logo a:first-child{ opacity: 1; top: 0; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } .header .logo a:last-child{ display: none !important; } } /*------------------------------------------------------------------ [6. Header Navigation] */ /* Initial Padding */ .header .header-inner .navigation{ padding-top: 3rem; } .header .logo-center ~ .navigation.nav-center{ padding-top: 0.5rem; } .header .header-inner .navigation > ul > li > a{ padding-bottom: 2.9rem; } .header .logo-center ~ .navigation.nav-center > ul > li > a{ padding-bottom: 2rem; } /* Inital Colors */ .header .navigation > ul > li > a{ margin: 0 1.5rem; padding-left: 0; padding-right: 0; color: #fff; font-size: 1.1rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1rem; opacity: 0.6; } .header .navigation > ul > li > a:hover{ opacity: 1; } /* Nav Dark Colors */ .nav-dark .navigation > ul > li > a{ color: #000; opacity: 0.5; } /* Active Color */ .header .navigation > ul > li.current > a, .header .navigation > ul > li.current > a:hover{ color: #fff; opacity: 1; } .nav-dark .navigation > ul > li.current > a, .nav-dark .navigation > ul > li.current > a:hover{ color: #000; } /* Hover Colors */ .header a:hover.navigation-show a:hover, .header .side-navigation > ul > li > a:hover{ color: #fff; opacity: 0.6; } /* Sub Menus, Mega Menus, Dropdown List Colors */ .navigation .sub-menu li, .header .dropdown-list li{ border-bottom: none; } .navigation .sub-menu li a, .navigation .mega-sub-menu ul li a, .header .dropdown-list li a{ line-height: 1.6; font-weight: 400; font-size: 1.2rem; color: #888; } .navigation .sub-menu li a, .header .dropdown-list li a{ padding: 1rem 1.5rem; } .navigation .sub-menu li:hover > a, .navigation .mega-sub-menu ul li:hover > a, .header .dropdown-list li:hover a{ background-color: #000; } .navigation .mega-sub-menu > li > a{ font-size: 1.3rem; } .navigation .sub-menu a, .navigation .mega-sub-menu, .header .dropdown-list{ background-color: #000; } .navigation .mega-sub-menu{ left: 0; right: 0; } /* Labels Sub Menu */ .sub-menu li .label, .mega-menu li .label{ margin-left: 1rem; padding: 0.1rem 0.4rem; font-size: 1rem; text-transform: uppercase; background-color: #1479AC; border-color: #1479AC; color: #fff; } /* Header Background Initial & Active Nav Colors - on scroll */ .header-background .navigation > ul > li > a{ color: #999; } .header-background .navigation > ul > li.current > a{ color: #000; border-bottom: none; } .header-background .navigation > ul > li.current > a:hover{ color: #000; } .header-background .navigation > ul > li > a:hover{ color: #000; opacity: 1; } /* Compacted Header Nav Padding - on scroll */ .header.header-compact .header-inner .navigation{ padding-top: 2rem; } .header.header-compact .header-inner .navigation{ padding-bottom: 0; } .header.header-compact .header-inner .navigation > ul > li > a{ padding-bottom: 2rem; } /* Static Header Initial & Active Nav Colors */ .header-1-static .navigation > ul > li > a{ color: #999; opacity: 1; } .header-1-static .navigation > ul > li.current > a, .header-1-static .navigation > ul > li > a:hover{ color: #000; opacity: 1; } .header-1-static .navigation > ul > li.current > a:hover{ color: #000; } /* Mobile Header Styles and Breakpoints */ .mobile .logo.logo-center{ margin-left: -6.25rem !important; } @media only screen and (max-width: 960px){ .nav-bar .logo.logo-center{ margin-left: -6.25rem !important; } } /*------------------------------------------------------------------ [7. Header Buttons, Dropdowns & Icons] */ /* Initial margins */ .nav-bar-inner > .button, .nav-bar-inner > .dropdown{ margin: 3px 5px; } .header .social-list{ padding-top: 3rem; } /* Dropdown List Margins */ .nav-bar-inner .dropdown-list{ margin-top: 2.4rem; } /* Initial Colors */ .nav-bar-inner > .button, .nav-bar-inner > .dropdown > .button{ background: #1479AC; border-color: #1479AC; color: #fff; border-radius: 0px; display: inline-block; height: 38px; padding: 0 30px; text-align: center; font-size: 18px; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .header .social-list li a{ color: #fff; opacity: 1; } /* Hover Colors */ .nav-bar-inner > .button:hover, .nav-bar-inner > .dropdown > .button:hover{ background: none; border-color: #fff; color: #fff; } .nav-dark .nav-bar-inner > .button:not(:hover), .nav-dark .nav-bar-inner .dropdown > .button:not(:hover){ color: #fff; } .nav-dark .nav-bar-inner > .button:hover, .nav-dark .nav-bar-inner .dropdown > .button:hover{ background-color: #586a75; border-color: #586a75; color: #fff; } .header .social-list li a:hover{ opacity: 0.6; } /* Active Colors */ .header .nav-bar-inner .dropdown > .button.active{ background-color: #1479AC; border-color: transparent; color: #fff; } /* Header Background Initial & Hover Colors - on scroll */ .header-background .nav-bar-inner > .button, .header-background .nav-bar-inner .dropdown > .button, .header-1-static .nav-bar-inner > .button, .header-1-static .nav-bar-inner .dropdown > .button{ background: #586a75; border-color: transparent; color: #fff; } .header-background .social-list li a{ color: #999; } .header-background .nav-bar-inner > .button:hover, .header-background .nav-bar-inner .dropdown > .button:hover, .header-1-static .nav-bar-inner > .button:hover, .header-1-static .nav-bar-inner .dropdown > .button:hover{ background-color: #1479AC; border-color: transparent; color: #fff; } /* Compacted Header Padding - on scroll */ .header-compact .dropdown-list{ margin-top: 1.5rem; } /* Mobile Header Styles and Breakpoints */ .mobile .nav-bar-inner > .button, .mobile .nav-bar-inner .dropdown > .button{ background: #1479AC; border-color: #1479AC; color: #fff; } .mobile .nav-bar-inner > .button:hover, .mobile .nav-bar-inner .dropdown > .button:hover{ background-color: #586a75; border-color: #586a75; color: #fff; } @media only screen and (max-width: 960px){ .header .dropdown-list{ margin-top: 2.5rem; } .header .nav-bar-inner > .button, .header .nav-bar-inner .dropdown > .button, .nav-dark .nav-bar-inner > .button:not(:hover), .nav-dark .nav-bar-inner .dropdown > .button:not(:hover){ background: #1479AC; border-color: #1479AC; color: #fff; } .header .nav-bar-inner > .button:hover, .header .nav-bar-inner .dropdown > .button:hover{ background-color: #586a75; border-color: #586a75; color: #fff; } } /*------------------------------------------------------------------ [8. Auxiliary Navigation] */ /* Aux Navigation Show */ .header .navigation-show a{ color: #fff; } .nav-dark .navigation-show a{ color: #000; } .header .navigation-show a:hover{ opacity: 0.6; } .header .navigation-show{ width: 4.4rem; height: 4.4rem; margin-top: 0; margin-bottom: 0; margin-left: 0; } .header .navigation-show a span{ background: none; border: 1px solid transparent; font-size: 2.4rem; text-align: right; } .nav-dark .navigation-show a span{ border: 1px solid transparent; } /* Aux Nav Show Header Background */ .header-1-static .navigation-show a, .header-background .navigation-show a{ color: #666; } .header-background .navigation-show a span{ border-color: transparent; } .header-1-static .navigation-show a:hover, .header-background .navigation-show a:hover{ color: #000; opacity: 1; } /* Aux Nav Show Compacted Header */ .header-compact .navigation-show a{ background-color: #000; color: #fff; } .header-compact .navigation-show a:hover{ color: #666; opacity: 1; } /* Aux Navigation Hide */ .navigation-hide{ width: 4.4rem; height: 4.4rem; margin-top: 1.7rem; margin-right: 0; } .navigation-hide a{ background: none; } .navigation-hide a span{ width: 4.4rem; font-size: 2rem; } /* Side Navigation Colors & Sizes */ .side-navigation-wrapper .logo{ width: 12rem; } .side-navigation-wrapper{ background-color: #111; box-shadow: none !important; } .side-navigation-header{ border: none; } /* main nav */ .side-navigation > ul > li > a{ padding: 0.6rem 4rem; font-size: 1.6rem; line-height: 1.2; letter-spacing: 0.1rem; text-transform: uppercase; font-weight: 300; color: #888; position: relative; } .side-navigation ul li a:hover, .side-navigation ul li.current a:hover{ color: #fff; } .side-navigation ul li.current > a{ color: #fff; font-weight: 300; } .side-navigation > ul > li > a:after { width: 0; height: 0.1rem; margin-left: 0; content: ""; background-color: #fff; opacity: 0; position: absolute; left: 0; bottom: 1rem; -webkit-transition-property: width, opacity; -ms-transition-property: width, opacity; transition-property: width, opacity; -webkit-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; } .side-navigation > ul > li.current > a:after { width: 2rem; opacity: 1; } .side-navigation-wrapper .navigation-hide{ margin-right: 2rem; } .side-navigation-wrapper .navigation-hide a{ color: #666; } .side-navigation-wrapper .navigation-hide a:hover{ color: #fff; } /* sub menu */ .side-navigation .sub-menu{ background: none; } .side-navigation .sub-menu a{ text-transform: normal; font-size: 1.2rem; font-weight: normal; color: #666; } .side-navigation .sub-menu a:hover{ color: #fff; } .side-navigation .sub-menu li:first-child{ padding-top: 1rem; } .side-navigation .sub-menu li:last-child{ padding-bottom: 1rem; } .side-navigation .sub-menu a{ padding: 1.1rem 4rem 1.1rem 5.5rem; } .side-navigation.center .sub-menu a{ padding: 1.1rem 4rem 1.1rem 4rem; } /* side nav widget */ .side-navigation-footer .widget p, .side-navigation-footer .widget a{ color: #666; font-size: 1.3rem; } .side-navigation-footer .widget a:hover{ color: #fff; } /* side nav footer */ .side-navigation-footer, .side-navigation-footer .social-list a{ color: #666; font-size: 1.1rem; } .side-navigation-footer .social-list a:hover{ color: #fff; } .side-navigation-footer .copyright{ font-size: 1.1rem; } /* Overlay Navigation Colors & Sizes */ .overlay-navigation-wrapper{ background-color: rgba(255,255,255,1); } .overlay-navigation-inner{ text-align: left; } .overlay-navigation-header{ top: 1.5rem; } .overlay-navigation-wrapper .menu-title{ width: auto; padding-bottom: 3rem; margin-bottom: 1.5rem; color: #000; font-size: 2.8rem; line-height: 1; font-weight: 300; border-bottom: 1px solid #eee; text-transform: none; display: block; } .overlay-navigation{ max-width: 40rem; padding-left: 3rem; padding-right: 3rem; margin: 0 auto; opacity: 0; -webkit-transform: translateX(10rem); -ms-transform: translateX(10rem); transform: translateX(10rem); -webkit-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; } .aux-navigation-active .overlay-navigation{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /* main nav */ .overlay-navigation > ul > li > a{ font-size: 1.8rem; color: #999; font-weight: 300; text-transform: uppercase; } .overlay-navigation > ul > li > a:hover, .overlay-navigation > ul > li.current > a, .overlay-navigation ul li.current > a:hover{ color: #000; } .overlay-navigation > ul > li.current > a{ font-weight: 400; } .overlay-navigation-wrapper .navigation-hide{ top: 0; right: 3rem; } .overlay-navigation-wrapper .navigation-hide a{ color: #999; } .overlay-navigation-wrapper .navigation-hide a:hover{ color: #000; } /* sub menu */ .overlay-navigation .sub-menu{ padding-left: 4rem; } .overlay-navigation .sub-menu a{ letter-spacing: 0.1rem; text-transform: normal; font-weight: 300; line-height: 1.2; color: #999; } .overlay-navigation .sub-menu .current a{ color: #000; font-weight: 400; } .overlay-navigation .sub-menu a:hover{ color: #000; } .overlay-navigation .sub-menu li:first-child{ padding-top: 1rem; } .overlay-navigation .sub-menu li:last-child{ padding-bottom: 1rem; } /* overlay nav widget */ .overlay-navigation-footer .widget p, .overlay-navigation-footer .widget a{ color: #666; font-size: 1.3rem; } .overlay-navigation-footer .widget a:hover{ color: #000; } /* overlay nav footer */ .overlay-navigation-footer{ padding-left: 3rem; padding-right: 3rem; } .overlay-navigation-footer, .overlay-navigation-footer .social-list a{ color: #666; font-size: 1.1rem; } .overlay-navigation-footer .social-list a:hover{ color: #000; } .overlay-navigation-footer .copyright{ font-size: 1.1rem; } /* Nav Show & Hide on mobile & breakpoints */ .mobile .navigation-show{ margin-left: 2rem; } .mobile .navigation-show a{ color: #666; background-color: #fff; } .mobile .header .navigation-show a span{ border: 1px solid #eee; background: none; text-align: center; } [class*="portfolio-"] [class*="content-grid"] .grid-item:nth-of-type(4n+1){ clear: left; } @media only screen and (max-width: 1140px) { [class*="portfolio-"] [class*="content-grid"] .grid-item:nth-of-type(4n+1){ clear: none; } [class*="portfolio-"] [class*="content-grid"] .grid-item:nth-of-type(3n+1){ clear: left; } } @media only screen and (max-width: 960px){ .header .navigation-show{ margin-left: 2rem; } .header-inner .navigation-show a{ color: #666; background-color: #fff; } .header .navigation-show a span{ border: 1px solid #eee; background: none; text-align: center; } .overlay-navigation-header{ top: 2rem; } .overlay-navigation-wrapper .navigation-hide{ top: 0; right: 3rem; } [class*="portfolio-"] [class*="content-grid"] .grid-item:nth-of-type(3n+1){ clear: none; } [class*="portfolio-"] [class*="content-grid"] .grid-item:nth-of-type(2n+1){ clear: left; } } /*------------------------------------------------------------------ [9. Title Area] */ [class*="intro-title-"]{ padding: 0; } [class*="intro-title-"]{ height: 45rem; } [class*="intro-title-"].small{ height: 30rem; } .intro-title-2{ background-image: url(../Content/Images/slider/slide-2-page-intro.jpg); } .intro-title-2-1{ background-image: url(../Content/Images/slider/slide-8-page-intro.jpg); } .intro-title-2-2{ background-image: url(../Content/Images/slider/slide-9-page-intro.jpg); } @media only screen and (max-width: 768px){ [class*="intro-title-"], [class*="intro-title-"].small{ padding: 11rem 0; height: auto; } } /*------------------------------------------------------------------ [10. Slider & Parallax] */ .featured-media, .full-width-slider, .parallax{ height: 60rem; padding: 0; } .page-intro{ height: 45rem; } .window-height{ height: 100vh; } .page-intro .full-width-slider, .window-height .full-width-slider{ height: inherit; } .featured-media .tm-slider-container{ background-color: #000; } .content-slider, .tms-carousel{ background: none; } /* Slider Navigation Common */ .tms-arrow-nav{ width: 4.4rem; height: 4.4rem; background: none; font-size: 2rem; line-height: 4.4rem; color: #fff; border: none; background-color: #000; } .tms-arrow-nav:hover{ opacity: 0.5 !important; } .tms-arrow-nav:before{ line-height: 4.4rem; } .tms-arrow-nav:hover{ width: 4.4rem; } .tms-bullet-nav{ background: #fff; } .tms-nav-dark .tms-bullet-nav{ background: #000; } .hide-arrow-nav .tms-arrow-nav, .hide-progress .tms-progress-bar{ display: none !important } /* Featured Media Slider Navigation */ .featured-media .tms-pagination{ width: 100%; bottom: 3rem; } .featured-media .tms-pagination a{ display: inline-block; margin-bottom: 1rem; } .featured-media .tm-slider-container .tms-pagination{ opacity: 1; } /* Portfolio 7 Slider */ .portfolio-7-content.replicable-content{ padding-top: 4rem; padding-bottom: 1rem; } .portfolio-7-content .column, .portfolio-7 .column.slider-column{ padding-left: 1.5rem; padding-right: 1.5rem; } .portfolio-7 .portfolio-recent-slider{ min-height: 35rem; } .portfolio-7 .portfolio-recent-slider li{ padding: 0; } .portfolio-7 .previous-portfolio-recent-slider, .portfolio-7 .next-portfolio-recent-slider{ width: auto; height: auto; margin-right: 0; line-height: 3rem; text-align: center; display: inline-block; border: none; } /* Slider Buttons */ .tm-slider-container .button{ font-size: 1.1rem; font-weight: 700; } /* Mobile Slider & Parallax */ .mobile .featured-media, .mobile .parallax.fixed-height{ height: 50rem; } /* Featured Slider Nav Breakpoints */ @media only screen and (max-width: 768px){ .featured-media .tms-pagination a{ display: inline-block; } .featured-media .tms-arrow-nav{ display: none !important; } } /*------------------------------------------------------------------ [11. Lightbox] */ .tm-lightbox{ background: rgba(255,255,255,1); } #tml-content-wrapper.zoomed + #tml-caption span{ background-color: rgba(0,0,0,0.3); border: none; color: #fff; } /* Modal Mode */ #tm-lightbox.tml-modal-mode { background: rgba(0,0,0,0.2); } .tml-modal-mode .modal-dialog{ border-radius: 0; } /* Navigation */ .tml-nav{ color: #999; } .tml-nav:hover{ color: #000; } /*------------------------------------------------------------------ [12. Plugin Preloader] */ .tm-loader, .tm-loader #circle{ width: 3rem; height: 3rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: none; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tm-loader { width: 3rem; height: 3rem; margin: -1.5rem 0 0 -1.5rem; position: absolute; top: 50%; left: 50%; -webkit-animation:preloader-outer 1.5s ease infinite; -moz-animation:preloader-outer 1.5s ease infinite; -o-animation:preloader-outer 1.5s ease infinite; animation:preloader-outer 1.5s ease infinite; } .tm-loader #circle{ -webkit-animation:preloader 3s ease infinite; -moz-animation:preloader 3s ease infinite; -o-animation:preloader 3s ease infinite; animation:preloader 3s ease infinite; } .tm-loader #circle{ border: 2px solid rgba(0,0,0, 0.4); border-bottom-color: #000; } .featured-media .tm-loader #circle { background: none; border: 2px solid rgba(255,255,255, 0.4); border-bottom: 2px solid #fff; opacity: 1; } @-webkit-keyframes preloader-outer{ from { opacity: 1; -webkit-transform: rotate( 0deg ); } to { opacity: 1; -webkit-transform: rotate( 360deg ); } } @keyframes preloader-outer{ from { opacity: 1; transform: rotate( 0deg ); } to { opacity: 1; transform: rotate( 360deg ); } } @-webkit-keyframes preloader{ 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } @keyframes preloader{ 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } /*------------------------------------------------------------------ [13. Rollovers] */ /* Rollover Text */ h4.project-title{ font-size: 1.4rem; } .overlay-info > span > span{ font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase; color: #000; } .overlay-info .project-description{ font-size: 1.2rem; opacity: 0.7; text-transform: none; font-weight: 300; font-style: italic; } /* Overlay */ .overlay-info{ background: rgba(255, 255, 255, 0.5); } .overlay-info > span > span{ text-align: center; vertical-align: center; } .overlay-info .project-title{ display: block; } .overlay-fade-img-scale-out .overlay-info .overlay-info{ opacity: 1; } .overlay-fade-img-scale-in .project-title{ margin-bottom: 0; } .caption-below{ padding-right: 0; padding-left: 0; padding-bottom: 0; border: none; opacity: 0.5; } .input-validation-error{ border-color:red!important; } /*------------------------------------------------------------------ [14. Homepage] */ /* Scroll Links */ .scroll-link.icon-circled, .scroll-to-top.icon-circled{ width: 5rem; height: 5rem; } .scroll-link.icon-circled{ line-height: 5rem; } .scroll-to-top.icon-circled{ line-height: 4.8rem; } /* Stats */ .stats-1-1{ /*background-image: url(../Content/Images/web-application/generic/hero-1.jpg);*/ } /* Hero */ .hero-5-1 > .row:after{ background-image: url(../Content/Images/web-application/generic/hero-half-1.jpg); } .hero-5-2 > .row:after{ background-image: url(../Content/Images/team/hero-half-2.jpg); } /* Call to Action */ .call-to-action-2-1{ background-image: url(../Content/Images/web-application/generic/signup-1.jpg); background-size: cover; background-position: center; } /* Signup 2 */ .signup-2-1{ background-image: url(../Content/Images/web-application/generic/signup-1.jpg); } /* Fullscreen Section */ .home-page .fulscreen-sections-wrapper{ background: #000; } .signup-box{ padding: 4rem; border: 1px solid rgba(255,255,255,0.3); overflow: visible; } .signup-box .form-response { bottom: auto; } .fullscreen-bkg-2{ background-image: url(../Content/Images/web-application/slider/slide-3-fs.jpg); } .fullscreen-bkg-3{ background-image: url(../Content/Images/web-application/slider/slide-4-fs.jpg); } .fullscreen-bkg-4{ background-image: url(../Content/Images/web-application/slider/slide-5-fs.jpg); } /*------------------------------------------------------------------ [15. About Pages] */ /* Team Sections */ .team-1 h3, .team-2 h3{ margin-top: 0.5rem; } .team-1 .team-content-info h5{ margin-top: 3rem; margin-bottom: 0.5rem; } .team-1 h6.occupation{ margin-bottom: 2rem; } .team-2 h6.occupation{ margin-bottom: 2rem; } .team-2 .team-content-info{ padding: 2rem; } .team-2 .social-list{ margin-bottom: 0; } .team-2 .occupation{ font-size: 1.6rem; } /* Team Slider */ .team-slider{ background: none; height: 42rem; } .team-slider li{ padding-left: 1.5rem; padding-right: 1.5rem; } .team-slider p{ line-height: 1.8; } .team-slider .tms-pagination a{ background-color: #586a75; } .team-slider-1 .tms-pagination{ display: none !important; } [class*="team-"] .occupation{ color: #999; } /* Testimonial Slider */ .testimonials-5-about-1{ background: none; color: #666; } .testimonials-5-about-1 .tms-bullet-nav{ background: #000; } /*------------------------------------------------------------------ [16. Contact Pages] */ /* Hero Sections */ .hero-5-contact-1 > .row:after{ background-image: url(../Content/Images/contact/hero-half.jpg); } .hero-7-contact-1 > .row:before{ background-image: url(../Content/Images/contact/hero-half.jpg); } .hero-5-contact-1 [class*="stats-"] .stat-inner{ text-align: left; } /* Stats */ .stats-contact-1{ background: none; } /* Form Response */ .contact-form-container .form-response{ color: #666; } /* Map */ .map-container{ height: 45rem; } /*------------------------------------------------------------------ [17. Project Pages] */ /* Grid */ .masonry-stamp .caption-over-outer{ background-color: rgba(255,255,255,.6); } /* Project 1 */ .project-1-slider .tms-bullet-nav{ background: #fff; } /* Full Width Content Slider */ .project-1-slider .tms-arrow-nav{ display: none !important; } .project-1-slider .tms-pagination{ bottom: -4rem; opacity: 1 !important; } /* Project Info */ .project-attribute{ margin-bottom: 0.3rem; display: table; table-layout: fixed; } .project-attribute .project-label{ min-width: 8rem; font-weight: 700; display: table-cell; } .project-attribute .project-value{ display: table-cell; } /* Folio Filter */ .portfolio-filter-menu ul, .portfolio-filter-menu li{ padding: 0; text-transform: uppercase; font-size: 1.1rem; letter-spacing: 0.1rem; } .portfolio-filter-menu li{ padding: 0.8rem 1.5rem; } .portfolio-filter-menu.list-vertical li{ display: block; padding: 0.8rem 0; } .portfolio-filter-menu:not(.center):not(.right) li:first-child{ padding-left: 0; } .portfolio-filter-menu.right li:last-child{ padding-right: 0; } .portfolio-filter-menu a{ padding: 0.5rem 0; font-weight: 500; color: #999; display: block; position: relative; border-bottom: 1px solid transparent; font-size:22px; } .portfolio-filter-menu a:hover{ color: #586a75; } .portfolio-filter-menu a.active{ color: #586a75; border-color: #586a75; } /* Color Swatch */ .project-swatch-list{ margin-bottom: 0; } .project-swatch-list li{ margin-bottom: 3rem; } .project-swatch{ margin-right: 5rem; } .center .project-swatch{ margin-left: 2.5rem; margin-right: 2.5rem; } @media only screen and (max-width: 768px){ .center-on-mobile .project-swatch{ margin-left: 2.5rem; margin-right: 2.5rem; } } /*------------------------------------------------------------------ [18. Pagination] */ /* Pagination 3 Customized */ .pagination-3 ul{ border-top: 1px solid #eee; } .pagination-3 li{ margin-top: -1px; margin-left: -0.4rem; } .pagination-3 a{ width: 4rem; height: 4rem; padding: 0; line-height: 4rem; font-size: 1.2rem; font-weight: 400; color: #000; border-color: transparent; border-radius: 0; } .pagination-3.portfolio a{ width: auto; padding: 0 1.5rem; font-size: 1rem; text-transform: uppercase; } .pagination-3.portfolio .pagination-previous{ padding-left: 1rem; } .pagination-3.portfolio .pagination-next{ padding-right: 1rem; } .pagination-3 .pagination-previous, .pagination-3 .pagination-next, .pagination-3 a.current, .pagination-3 a:hover{ background: #eee; border: 1px solid #eee; color: #000; } .pagination-3 a.disabled, .pagination-3 a.disabled:hover{ border-color: #eee; } .pagination-3 a span{ margin: 0; } /*------------------------------------------------------------------ [19. Fullscreen Pages] */ .fullscreen-section .fullscreen-inner{ background: rgba(0,0,0,0.35); } .fs-pagination{ right: 6rem; } /*------------------------------------------------------------------ [20. Blog Pages] */ /* Post Title */ .blog-regular h2.post-title, .blog-wide h2.post-title, .blog-masonry h2.post-title, .blog-single-post h2.post-title{ margin-bottom: 0; } .blog-masonry .post-title{ margin-bottom: 0; font-size: 2rem; text-transform: none; display: block; } .blog-regular .post-title, .blog-wide .post-title{ font-size: 3rem; } .blog-masonry .post-title a, .blog-regular .post-title a, .blog-wide .post-title a{ color: #000; } .single-post-tags .tags-title{ font-size: 1.3rem; } .blog-masonry.masonry-set-dimensions .post-title{ font-size: 1.8rem; font-weight: 300; line-height: 1; } .blog-masonry.masonry-set-dimensions .post-title a{ color: #fff; } .masonry-set-dimensions .content-inner.with-overlay{ background-color: rgba(0,0,0,0.3) } /* Common */ .post-content.with-background{ background-color: #fafafa; } .post-info{ margin-bottom: 2rem; font-size: 1.1rem; font-weight: 400; color: #999; } .post-info.boxed{ width: 100%; padding: 2rem 0; margin-bottom: 7rem; background-color: #fafafa; } .post-info span{ margin-left: 1rem; margin-right: 1rem; } .post-info span, .post-info a{ display: inline-block; } .post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a{ font-size: 1.2rem; text-transform: none; color: #999; margin-right: 0; margin-left: 0; letter-spacing: 0; } .post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a{ display: block; } .post-info-aside [class*="icon-"]{ font-size: 1.2rem; } .post-info-aside, .post-author-aside, .post-comments-aside{ min-width: 12rem; margin-left: 0; text-align: left; } .post-info-aside .post-info-inner, .post-author-aside .author-title{ margin-top: 0; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; } .post-info-aside .post-love [class*="icon-"]{ width: 1.3rem; margin-right: 0.6rem; } .post-info-aside .social-list{ text-align: left; } .post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner{ padding-left: 17rem; } @media only screen and (max-width: 768px) { .post-info-aside + .post-content { padding-left: 0; } .blog-regular .post-title, .blog-wide .post-title{ font-size: 3rem; } } /* Regular Blog */ .blog-regular .post { margin-bottom: 7rem; } .blog-masonry .caption-over-outer .post-info .post-date{ padding: 0; margin: 0; border: none; display: inline-block; } /* Blog Masonry */ .blog-masonry .post-content:not(.post-content.with-background){ padding: 0 2rem; } /*.blog-masonry .grid-item:nth-child(odd) .post-content{ padding: 2rem; background-color: #f4f4f4; }*/ /* Blog Masonry Set Dimentions */ .blog-masonry.masonry-set-dimensions .post-info, .blog-masonry.masonry-set-dimensions .post-info a{ color: #fff; } /* Blog Mejs Player */ .post-media .mejs-container.mejs-audio .mejs-controls .mejs-play, .post-media .mejs-container.mejs-audio .mejs-controls .mejs-pause{ border-radius: 0; } .post-media .mejs-container.mejs-audio .mejs-controls{ border-radius: 0; } .masonry-set-dimensions .post-content.with-background{ background: #f4f4f4; } .masonry-set-dimensions .post-media:hover .post-content{ background: rgba(0,0,0,0.8); } .masonry-set-dimensions .post-media:hover .post-content h2 a{ color: #fdeb74; } .masonry-set-dimensions .post-media:hover .post-author a:hover{ opacity: 0.5; } /* Comments */ .post-comments .comment-meta{ font-size: 1.2rem; } .comment-meta span:first-child{ margin-left: 0; } .comment-meta span{ margin-left: 1rem; margin-right: 1rem; } .comment-list li{ margin-bottom: 5rem; } .comment-list ul{ margin-top: 5rem; margin-left: 10rem; } .post-comments .comment-meta a{ font-weight: 400; } .post-comments .name{ margin-bottom: 1rem; } .comment-form textarea{ min-height: 20rem; } .post-comment-respond .comment-form .column{ float: left; } .post-author, .post-comments, .post-comment-respond{ border-color: #eee; } /*------------------------------------------------------------------ [21. Form Elements] */ .field-wrapper{ position: relative; overflow: hidden; } /* Common Styling */ .contact-form textarea{ min-height: 15rem; } [class*="form-container"] .column{ position: relative; } .form-response{ position: absolute; font-size: 1rem; } .form-element, textarea{ margin-bottom: 3rem; background-color: #fff; border: 1px solid #ddd; font-size: 1.2rem; text-transform: none; font-weight: normal; letter-spacing: 0.1rem; color: #666; } .form-element:focus, textarea:focus{ background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none; color: #000; } .form-element.required-field:focus, textarea.required-field:focus{ background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none; color: #000; } .form-element.required-field, textarea.required-field{ background-color: #ddd; border-color: #ddd; box-shadow: none; color: #000; position: relative; } .form-element::-webkit-input-placeholder{ color: #666; } .form-element:focus::-webkit-input-placeholder{ color: #000; } .form-element::-moz-placeholder{ color: #666; } .form-element:focus::-moz-placeholder{ color: #000; } .form-element:-ms-input-placeholder{ color: #666; } .form-element:focus:-ms-input-placeholder{ color: #000; } /* Contact Specific */ .contact-form-container ::-webkit-input-placeholder{ color: #666; } .contact-form-container :focus::-webkit-input-placeholder{ color: #000; } .contact-form-container ::-moz-placeholder{ color: #666; } .contact-form-container :focus::-moz-placeholder{ color: #000; } .contact-form-container :-ms-input-placeholder{ color: #666; } .contact-form-container :focus:-ms-input-placeholder{ color: #000; } .contact-form-container .form-response{ bottom: -3rem; } /* Overlay Search Form Elements */ .search-form-container .form-element:focus{ color: #666; } .search-form-container ::-webkit-input-placeholder{ color: #666; } .search-form-container :focus::-webkit-input-placeholder{ color: #000; } .search-form-container ::-moz-placeholder{ color: #666; } .search-form-container :focus::-moz-placeholder{ color: #000; } .search-form-container :-ms-input-placeholder{ color: #666; } .search-form-container :focus:-ms-input-placeholder{ color: #000; } .signup-1 .form-submit, .signup-2 .form-submit{ width: 14rem; color: #fff; border-radius: 4px; display: inline-block; height: 38px; padding: 0 30px; text-align: center; font-size: 18px; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } #signup-lightbox button, #signup-lightbox .button{ width: auto; max-width: auto; } #openCartLoginModal button, #openCartLoginModal .button{ width: auto; max-width: auto; } /* Signup 1 Specific */ .signup-1 .form-element{ background-color: #fff; border: 1px solid #ddd; color: #666; } .signup-1 .form-element:focus{ background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .signup-1 .form-element.required-field:focus{ background-color: #fff; border-color: #ddd; color: #000; } .signup-1 .form-element.required-field{ background-color: #ddd; border-color: #ddd; box-shadow: none; color: #000; position: relative; } .signup-1 .form-response{ width: 100%; text-align: center; color: #666; } .signup-1 ::-webkit-input-placeholder{ color: #666; } .signup-1 :focus::-webkit-input-placeholder{ color: #000; } .signup-1 ::-moz-placeholder{ color: #666; } .signup-1 :focus::-moz-placeholder{ color: #000; } .signup-1 :-ms-input-placeholder{ color: #666; } .signup-1 :focus:-ms-input-placeholder{ color: #000; } /* Signup 2 Specific */ .signup-2 .signup-form-container{ padding: 0; background: none; } .signup-2 .form-element{ border-color: #fff; color: #666; } .signup-2 .form-element:focus{ background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .signup-2 .form-element.required-field:focus{ background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .signup-2 .form-element.required-field{ background-color: #ddd; border-color: #ddd; box-shadow: none; color: #000; position: relative; } .signup-2 .form-response{ width: 100%; text-align: left; color: #fff; } .signup-2 .form-response{ margin-left: 0; bottom: -1rem !important; } .signup-2 ::-webkit-input-placeholder{ color: #666; } .signup-2 :focus::-webkit-input-placeholder{ color: #000; } .signup-2 ::-moz-placeholder{ color: #666; } .signup-2 :focus::-moz-placeholder{ color: #000; } .signup-2 :-ms-input-placeholder{ color: #666; } .signup-2 :focus:-ms-input-placeholder{ color: #000; } /* Login Specific */ .header .dropdown-list h5{ color: #fff; } .header .dropdown-list .recuperate-password{ font-size: 1.1rem; color: #999; } .header .dropdown-list .recuperate-password:hover{ color: #fff; } .login-form-container .form-element{ background-color: #fff; border: 1px solid #ddd; color: #666; border-radius: 4px; } .login-form-container .form-element:focus{ background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .login-form-container .form-element.required-field{ background-color: #ddd; border-color: #ddd; color: #000; } .login-form-container .form-element.required-field:focus{ background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .login-form-container .form-response{ color: #999; } .login-form-container ::-webkit-input-placeholder{ color: #666; } .login-form-container :focus::-webkit-input-placeholder{ color: #000; } .login-form-container ::-moz-placeholder{ color: #666; } .login-form-container :focus::-moz-placeholder{ color: #000; } .login-form-container :-ms-input-placeholder{ color: #666; } .login-form-container :focus:-ms-input-placeholder{ color: #000; } /* Footer Specific */ .footer .form-element, .footer textarea{ background-color: #fff; border-color: #ddd; margin-bottom: 2rem; color: #666; } .footer .form-element:focus, .footer textarea:focus{ background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none; color: #000; } .footer .form-element.required-field, .footer textarea.required-field{ background-color: #ddd; border-color: #ddd; color: #000; } .footer .form-element.required-field:focus, .footer textarea.required-field:focus{ background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none; color: #000; } .footer .signup-form-container .button{ width: 100%; } .footer .form-response{ color: #666; } .footer ::-webkit-input-placeholder{ color: #666; } .footer :focus::-webkit-input-placeholder{ color: #000; } .footer ::-moz-placeholder{ color: #666; } .footer :focus::-moz-placeholder{ color: #000; } .footer :-ms-input-placeholder{ color: #666; } .footer :focus:-ms-input-placeholder{ color: #000; } /*------------------------------------------------------------------ [22. Social Lists] */ .social-list li{ font-size: 1rem; text-transform: uppercase; } .social-list li a{ color: #333; } .social-list li.social-list-label{ color: #333; } /*------------------------------------------------------------------ [23. Footer] */ /* Footer Text */ .footer .widget, .footer address{ font-size: 1.3rem; color: #999; text-transform: none; font-style: normal; } .footer-top a:not(.button){ font-size: 1.3rem; color: #666; } .footer-bottom a{ font-size: 1.5rem; } .footer .copyright{ margin-bottom: 0; font-size: 1.1rem; float: none; } /* Footer Widgets */ .footer .widget li{ padding-top: 0; border: none; border-color: #eee; } .footer .post-date{ font-size: 1rem; font-weight: 700; text-transform: uppercase; } /* Footer Background */ .footer{ width: 100%; background: #fff; color: #666; z-index: 1; } .footer [class*="content-grid"]{ margin-left: -1.5rem; margin-right: -1.5rem; } .footer .grid-item{ padding-left: 1.5rem; padding-right: 1.5rem; } .footer-top{ /*background-color: #333;*/ } .footer-top .footer-logo{ width: 9rem; margin-bottom: 3rem !important; } .footer .footer-bottom{ padding: 0 0 2rem 0; /*background-color: #333;*/ } .footer .footer-bottom-inner{ border-color: #eee; font-size: small !important; text-align: center; } .footer .footer-bottom, .footer .footer-bottom p{ color: #898989; font-size: small !important; text-align: center; margin-bottom: 5px; } .footer .footer-bottom, .footer .footer-bottom a{ color: #898989; font-size: small !important; text-align: center; } .footer-bottom .footer-logo{ width: 6.5rem; margin-bottom: 1rem; margin-right: 1.4rem; line-height: 1.7; } /* Footer Navigation */ .footer .navigation li, .footer .navigation ul li a{ padding: 0; display: inline-block; float: none; } .footer .navigation a, .footer .social-list a{ font-size: 1.1rem; font-weight: normal; color: #4e4e4d; text-transform: uppercase; letter-spacing: 0.1rem; } .footer-1 .footer-bottom .navigation, .footer-1 .footer-bottom .social-list{ float: none; } /*------------------------------------------------------------------ [24. Sidebar] */ /* Sidebar Widgets */ .sidebar .widget, .sidebar .widget a{ font-size: 1.3rem; } .sidebar .widget li{ padding-top: 0rem; padding-bottom: 0rem; } .sidebar .widget .list-group li{ padding-top: 1rem; padding-bottom: 1rem; } .sidebar .widget ul{ margin-bottom: 5rem; } .sidebar .post-date{ font-size: 1rem; font-weight: 700; text-transform: uppercase; } /*------------------------------------------------------------------ [25. Dividers] */ hr, .divider{ border-color: #eee; } .page-intro .divider, .intro-title-2 .divider{ border-color: rgba(255,255,255,0.1); } .text-line{ width: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-property: width, opacity, background-color, transform; -moz-transition-property: width, opacity, background-color, transform; -o-transition-property: width, opacity, background-color, transform; transition-property: width, opacity, background-color, transform; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -ms-transition-duration: 400ms; transition-duration: 400ms; } a.animated-link:hover .text-line, a.overlay-link:hover .text-line{ width: 2rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .mobile .text-line, a.disabled .text-line{ -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } [class*="border-"].thick, [class*="border-"].thick *{ border-width: 0.2rem; } /*------------------------------------------------------------------ [26. Media Element Player] */ .mejs-container.mejs-audio .mejs-controls{ border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls, .mejs-controls .mejs-volume-button .mejs-volume-slider{ background: rgba(255, 255, 255, 0.9); } .mejs-container.mejs-audio .mejs-controls{ background: #f9f9f9; } .mejs-minimal-player .mejs-container .mejs-controls{ background: none; } /* Time track, vol track */ .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{ background: #999; } /* Time track, vol level track */ .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{ background: #666; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { background: #fff; } .mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-total{ background: #fff; } .mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-minimal-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-minimal-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{ background: #fff; } /* Tooltip */ .mejs-controls .mejs-time-rail .mejs-time-float { background: #000; } /* Play Button */ .mejs-container.mejs-audio .mejs-controls .mejs-play, .mejs-container.mejs-audio .mejs-controls .mejs-pause{ background: #eee; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .mejs-minimal-player .mejs-container .mejs-controls .mejs-play, .mejs-minimal-player .mejs-container .mejs-controls .mejs-pause{ background: none; } /* Time */ .mejs-container .mejs-controls .mejs-time span{ color: #666; } .mejs-minimal-player .mejs-container .mejs-controls .mejs-time span{ color: #fff; } /*------------------------------------------------------------------ [27. Component Styling] */ /* Testimonial Slider */ .testimonial-slider{ height: 14rem; } .testimonial-slider blockquote{ width: 100%; } .testimonial-slider blockquote span{ margin-bottom: 2rem; } .testimonial-slider cite{ font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #999; font-style: normal; } /* Box */ .box{ font-size: inherit !important; line-height: inherit !important; } /* Blockquote */ blockquote.border{ border-color: #ccc; } /* Feature Section */ .feature-2 .feature-image img{ width: 90%; } /* Logo Section */ .logos-1 a{ opacity: 0.6; } .logos-1 a:hover{ opacity: 1; } .logo-slider{ height: 14rem; } .logos-1 a, .logos-1 span{ padding: 0.5rem 0 0 0; } /* Clients Section */ .clients-1 .client-name { text-transform: uppercase; font-weight: 700; font-size: 1.4rem; opacity: 0.5; } .clients-1 .counter{ font-size: 10rem; margin-bottom: 0; } /* Profile Image */ .profile-image.pull-left{ margin-right: 3.5rem; margin-bottom: 2rem; } .profile-image.pull-right{ margin-left: 3.5rem; margin-bottom: 2rem; } /* Hero Sections */ .hero-1, .hero-2, .hero-3, .hero-4, .hero-5, .hero-6{ height: 50rem; } [class*="hero-"].window-height{ height: 100vh; } .hero-5 .center .tms-pagination{ text-align: center; } /* Stats */ [class*="stats-"] .counter{ margin-bottom: 1rem; font-size: 4.5rem; font-weight: 300; } [class*="stats-"] .counter.xlarge{ font-size: 6.5rem; } [class*="stats-"] .description{ font-size: 0.9rem; text-transform: uppercase; font-weight: 700; color: #000; } .stats-3 .mega-stat .counter{ font-weight: normal; font-size: 6rem; } .stats-3 .mega-stat .description{ font-size: 1.4rem; } .maintenance-stat .counter{ font-size: 6.5rem; font-weight: 300; line-height: 1; } /* Transparency class */ .transparent-element{ opacity: 0.5; } /* Bar percentages */ .percent-10{ width: 10%; } .percent-20{ width: 20%; } .percent-30{ width: 30%; } .percent-40{ width: 40%; } .percent-50{ width: 50%; } .percent-60{ width: 60%; } .percent-70{ width: 70%; } .percent-80{ width: 80%; } .percent-90{ width: 90%; } .percent-10{ width: 100%; } /* Sizes */ .progress-bar{ border: none; } .progress-bar.small{ height: 1.3rem; font-size: 1rem; line-height: 1rem; } .progress-bar, .progress-bar.medium{ height: 2rem; } .progress-bar.large{ height: 3rem; font-size: 1.4rem; line-height: 2.6rem; } .progress-bar.xlarge{ height: 4rem; font-size: 1.5rem; line-height: 3.6rem; } /* Accordion */ .accordion li a{ font-size: 1.1rem; font-weight: 400; text-transform: uppercase; } .accordion ul{ margin-top: -1rem; } .accordion li a{ padding: 1.3rem 2.5rem; border: none; background-color: #f4f4f4; color: #666; } .accordion li a:hover{ background-color: #ddd; } .accordion li.active a{ border: none; background-color: #586a75; color: #fff; } .accordion li a .text-line{ background-color: #999; } .accordion li.active a .text-line, .accordion li.active a:hover .text-line{ background-color: #586a75; } .accordion li > div{ border: none; } .accordion .accordion-content{ padding: 2.5rem 0; } /* Tabs */ .tabs ul{ /*margin-top: -1rem;*/ } .tabs .tab-nav > li{ margin: 0; } .tabs.vertical .tab-nav > li, .tabs.vertical.right .tab-nav > li{ margin-bottom: 0; } .tabs .tab-nav > li a, .tabs.vertical .tab-nav > li a{ padding: 1.3rem 2.5rem; font-size: 1.1rem; font-weight: 400; text-align: center; text-transform: uppercase; background-color: #f4f4f4; border: none; color: #666; } .tabs .tab-nav > li a:hover{ background-color: #ddd; border: none; color: #666; } .tabs .tab-nav > li.active a, .tabs .tab-nav > li.active a:hover, .tabs.vertical .tab-nav > li.active a, .tabs.vertical .tab-nav > li.active a:hover, .tabs.vertical.right .tab-nav > li.active a, .tabs.vertical.right .tab-nav > li.active a:hover{ margin-right: 0; border: none; background-color: #586a75; color: #fff; } .tabs .tab-nav > li a .text-line{ background-color: #666; } .tabs .tab-nav > li a.active .text-line{ background-color: #fff; } .tabs.center .tab-nav > li a, .tabs.center .tab-nav > li.active a{ margin-right: 0; margin-left: 0; } .tabs.right .tab-nav > li a, .tabs.right .tab-nav > li.active a{ margin-right: 0rem; margin-left: 0; } .tabs .tab-panes{ padding-top: 3rem; padding-right: 0; padding-bottom: 0; padding-left: 0; border: none; background: none; } .tabs.vertical .tab-panes{ margin: 0; } .tabs.vertical.right .tab-panes{ padding-right: 3rem; padding-left: 0; margin: 0; } @media only screen and (min-width: 480px) { .tabs.vertical .tab-panes{ padding-top: 0; padding-left: 3rem; padding-bottom: 0; } } /* Menus */ .menu-list h4{ font-size: 1.4rem; } .menu-list li:nth-child(even) h4, .menu-list li:nth-child(even) .menu-description{ color: #666; } .menu-list h4 .menu-line{ bottom: 1px; } .menu-list .menu-content .menu-line{ bottom: 8px; } .menu-item .menu-title, .menu-item .menu-description, .menu-item .menu-price{ background: none; } .menu-item.dotted .menu-title, .menu-item.dotted .menu-description, .menu-item.dotted .menu-price, .menu-item.dashed .menu-title, .menu-item.dashed .menu-description, .menu-item.dashed .menu-price{ background-color: #fff; } .dotted .menu-line{ background-image: radial-gradient(circle closest-side, #ccc 99%,rgba(0,0,0,0) 0%); } .dashed .menu-line{ background-image: linear-gradient(to right, #ccc 50%, rgba(0,0,0,0) 0%); } /* Timeline */ .timeline.vertical-indication .timeline-title:after{ border: 2px solid #999; background-color: #999; } .timeline.vertical-indication .timeline-description:before{ background-color: #eee; } @media only screen and (max-width: 768px) { .timeline.vertical-indication .timeline-description:before, .timeline.vertical-indication .timeline-title:before{ width: 0.2rem; left: 1.9rem; } } /* Pricing Tables */ .pricing-table .pricing-table-header{ padding-top: 5rem; } .pricing-table .pricing-table-footer{ padding-bottom: 5rem; } .pricing-table-column.callout .pricing-table-header{ padding: 7rem 1.5rem 2rem 1.5rem; } .pricing-table-column.callout .pricing-table-footer{ padding: 0 1.5rem 6.5rem 1.5rem; } .pricing-table-column button{ min-width: 15rem; } .pricing-table .pricing-table-header h2 { font-size: 1.5rem; text-transform: uppercase; } .pricing-table .pricing-table-price h4{ font-size: 4.8rem; font-weight: 300; } .pricing-table .pricing-table-price .interval{ font-size: 1.4rem; font-weight: 300; opacity: 1; } .pricing-table .pricing-table-price .currency{ top: -2.3rem; } /* Transparency class */ .transparent-element{ opacity: 0.5; } .logo-slider{ width: 10rem; height: 10rem; } /* Breadcrumb */ .intro-title-2 .breadcrumb, .page-intro .breadcrumb, .intro-title-2 .breadcrumb a, .page-intro .breadcrumb a{ color: #fff; } .intro-title-2 .breadcrumb a, .page-intro .breadcrumb a{ opacity: 0.6; } .intro-title-2 .breadcrumb a:hover, .page-intro .breadcrumb a:hover{ opacity: 1; } /*------------------------------------------------------------------ [28. Resolution Media Queries] */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Intro Sections */ .intro-title-2{ background-image: url(../Content/Images/slider/slide-2-page-intro@2x.jpg); } .intro-title-2-1{ background-image: url(../Content/Images/slider/slide-8-page-intro@2x.jpg); } .intro-title-2-2{ background-image: url(../Content/Images/slider/slide-9-page-intro@2x.jpg); } /* Fullscreen Sections */ .fullscreen-bkg-2{ background-image: url(../Content/Images/web-application/slider/slide-3-fs@2x.jpg); } .fullscreen-bkg-3{ background-image: url(../Content/Images/web-application/slider/slide-4-fs@2x.jpg); } .fullscreen-bkg-4{ background-image: url(../Content/Images/web-application/slider/slide-5-fs@2x.jpg); } /* Stat Sections .stats-1-1{ background-image: url(../Content/Images/web-application/generic/hero-1@2x.jpg); }*/ /* Hero Sections */ .hero-5-1 > .row:after{ background-image: url(../Content/Images/web-application/generic/hero-half-1@2x.jpg); } .hero-5-2 > .row:after{ background-image: url(../Content/Images/team/hero-half-2@2x.jpg); } /* Call to Action Sections */ .call-to-action-2-1{ background-image: url(../Content/Images/web-application/generic/call-to-action-1@2x.jpg); } /* Signup */ .signup-2-1{ background-image: url(../Content/Images/web-application/generic/signup-1@2x.jpg); } } @media only screen and (max-width: 480px) { .nav-bar-inner > .button, .nav-bar-inner > .dropdown > .button{ padding:0 10px; } } /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: #fff; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #fff; position: relative; } .jspDrag { background: #000; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 10px; } .jspHorizontalBar .jspArrow { width: 10px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* html, body, .container, .content-wrap { overflow: hidden; width: 100%; height: 100%; } .container { background: #373a47; } .content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .content { position: relative; background: #b4bad2; } .content::before { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.3); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } */ /* Menu Button */ .menu-button { position: fixed; bottom: 0; z-index: 1000; margin: 1.5em 1.5em 1.9em 1em; padding: 0; width: 2.5em; height: 2.25em; border: none; font-size: 1.5em; color: #373a47; background: transparent; } .menu-button span { display: none; } .menu-button:hover { opacity: 0.6; } /* Menu */ .menu-wrap { position: fixed; z-index: 999; background: #f2f2f2; -webkit-transition: width 0.3s, height 0.3s; transition: width 0.3s, height 0.3s; width: 0; height: 0; font-size: 1.5em; bottom: 2.4em; left: 1em; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; box-shadow: 10px 10px 5px #888888; } nav.menu *, nav.menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .morphsearch.open{ padding-top:35px; } @media screen and (max-width: 50em) { .menu-button { margin: 0.25em 0.25em 1.65em 0.25em; } .menu-wrap { bottom: 0.25em; left: 0.25em; } } .menu { height: 100%; opacity: 0; font-size: 0.65em; color: #64697d; text-align: right; width: 80%; } .profile { display: inline-block; font-weight: 700; padding: 1em 1em .5em 1em; } .profile-name { display: inline-block; font-weight: 700; padding: 0 1em 1em 1em; height: 65px; } .profile-name span{ font-family: 'Open Sans', sans-serif; line-height: 23.4px; } .profile img { float: right; border-radius: 50%; margin-left: 10px; padding-top: 12px; } .link-list { /* padding: 1.35em 0; margin: 0 0.75em; */ border-bottom: 3px solid rgba(125,129,148,0.2); border-top: 3px solid rgba(125,129,148,0.2); } .link-list a { display: block; text-decoration:underline; font-family: 'Open Sans', sans-serif; /* margin: 0.25em 0; */ color: #7d8194; padding: 0.5em 1.5em; height: 38.63px; } .link-list a:hover, .link-list a:focus { color: #64697d; } .link-list a span { margin-left: 10px; font-weight: 500; vertical-align: middle; line-height: 23.4px; } .icon-list { position: absolute; right: 1em; bottom: 0.9em; } .ico-list { position: absolute; right: 1em; bottom: 0.56em; } .ico-list a { font-size: 1.5em; margin-left: 0.25em; text-align: center; color: rgba(125,129,148,0.5); width: auto; padding: 14px 5px; display: inline-block; } .ico-list i { margin: 0; width:auto; } .icon-list a { font-size: 1.5em; margin-left: 0.25em; color: rgba(125,129,148,0.5); } /* Shown menu */ .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .show-menu .menu-wrap { width: 260px; height: 420px; -webkit-animation: anim-jelly 0.8s linear forwards; animation: anim-jelly 0.8s linear forwards; } .show-menu .menu { opacity: 1; -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } /*Menu*/ .link-list li { float: left; position: relative; list-style: none; margin-bottom:0; } .nav-bar .link-list .drop-down { position: absolute; z-index: 1; top: 35px; background: #fff; width: 150px; text-align: left; padding: 2px 10px; box-shadow: 0px 0px 6px #888888; opacity:0; visibility:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:0.5s ease all; -moz-transition:0.5s ease all; transition:0.5s ease all; } .nav-bar .link-list .drop-down a{ padding:5px 0; } .nav-bar .link-list li:hover .drop-down{ opacity:1; top:45px; visibility: visible; } .nav-bar .link-list { float:none; display:inline-block; vertical-align: top; } .logo-wrap { float: left; width: 200px; text-align: left; padding-top: 10px; } .header-right { float: left; width: 740px; text-align: right; font-size: 0; } .nav-menu-wrap{ padding:20px 0 !important; float:left; height: 100%; } .link-list ul{ margin:0; display:inline-block; width:100%; } .nav-bar .link-list a { display: inline-block; height: auto; padding:8px 10px; font-size: 14px; text-decoration: none; } .nav-bar .link-list a span{ margin:0; text-transform:initial; } .nav-bar .link-list { display:inline-block; border:0; position: relative; z-index: 999; } .nav-bar .ico-list { float: none; position: static; display: inline-block; width: auto; vertical-align: top; padding: 0; } .nav-bar .profile img{ width: 33px; height: 33px; border-radius:0; margin:0; padding:0; float:none; } .nav-bar{ padding:0; } .nav-bar .link-list a:hover { color: #a2cf64; } .nav-bar .portfolio-filter-menu{ padding:0; } .header .header-inner > .nav-bar{ max-width: 940px; padding: 0 20px; height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .nav-bar .portfolio-filter-menu .ico-list a { display: inline-block; padding: 0; font-size: 1.5em; color: rgba(125,129,148,0.5); } .nav-bar .portfolio-filter-menu .ico-list a:hover { color: #676869; } .nav-bar .portfolio-filter-menu .ico-list a i { margin: 0; } .nav-bar .section-block:not([class*="bkg-"]){ display: inline-block; width: 100%; } .nav-bar .profile{ display:inline-block; padding:5px 10px; vertical-align:top; text-align:center; } header.header .header-inner{ border-bottom:1px solid #eeeeee; } .empty-header { margin-bottom: 15px; } .logo{ float:left; } .search-wrap { float: none; display: inline-block; width: 200px; margin-top: 3px; margin-left: 9px; font-size: 16px; padding: 0; height: 40px; position: relative; } .search-wrap.active{ position: static; } .search-wrap .morphsearch { top: 0; right: 0px; } .morphsearch.open{ z-index: 999; } .empty-header { height: 72px; } .header.header-background .header-inner { background: #fff !important; border-bottom:1px solid #eee !important; } .header .navigation-show.hidden-md, .mobile .header .navigation-show.hidden-md { display: none !important; } .mobile .header .navigation-show{ margin-left: 0; margin-top: 10px !important; } .mobile .header .index-only-wrap .navigation-show { margin-left: 10px; margin-top: 0px !important; } body.mobile .header { position: fixed !important; } .nav-bar-inner.index-nav{ text-align:right; } .index-nav-wrap .nav-bar-inner > .button{ float:none !important; } .index-nav-wrap .nav-bar-inner{ text-align: right; font-size: 0; } .reveal-side-navigation .morphsearch { margin: 0px; } .overlay-navigation-header.row { position: absolute; padding: 0; } .overlay-navigation ul { float: none; text-align: left; } .overlay-navigation ul li{ margin-left:0; } /*.content-wrap{ height:100%; }*/ @media (max-width:991px) { header .header-inner .navigation-show a{ margin-top: 4px !Important; height: auto; display: block !important; width: auto; } header.header .navigation-show a span{ font-size: 3.3rem; } .logo-wrap{ width:150px; } .header-right{ width:580px; } .header .navigation-show.hidden-md, .mobile .header .navigation-show.hidden-md { display:block !important; width: 33px; height: 33px; margin:0 !important; } .header .navigation-show a span{ line-height:normal; } .nav-bar .ico-list { } .nav-bar .profile { } .nav-bar .profile img{ margin:0; } .reveal-side-navigation .search-wrap .morphsearch { margin: 0px; width: 200px; float: right; left: auto; right:0; } .reveal-side-navigation .search-wrap .morphsearch.open{ width:100%; padding-top: 35px; } .header .header-inner > .nav-bar { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0px; padding:0; width:100%; max-width: 730px; margin: 0 auto; background:#ffffff; } body.mobile .header.header-fixed-on-mobile .header-inner { width: 100%; height: auto !important; } .search-wrap { clear: both; width: 100%; margin-left: 0; margin-top: 5px; } .aux-navigation-active .side-navigation-wrapper, .aux-navigation-active .overlay-navigation-wrapper{ z-index:9999; } .index-only-wrap .search-wrap{ width:200px; } } @media (max-width:767px) { .search-wrap .morphsearch { right: 0; left: 0; width: 80%; margin: 0 auto; } .header-right { width: 100%; padding-left: 150px; float: none; } header.header .header-inner > .nav-bar { padding: 0 10px; } } @media (max-width:640px) { .search-wrap { clear: both; width:200px; margin-left: 0; margin: 3px 0px 0px 10px; } .index-only-wrap .search-wrap { width:115px; } .nav-menu-wrap { padding: 8px 0 10px 0 !important; } } @media (max-width:480px) { .logo-wrap { padding: 0; width: 100%; text-align: center; } .link-list li { margin: 0; } .header-right { width: 100%; display: inline-block; padding-left: 0; float: none; } .nav-bar .profile { padding-right: 0; } .nav-bar .profile{ padding-right:10px; } } @media (max-width:359px) { .nav-bar .link-list a { font-size: 13px; padding: 8px 6px; } } /* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */ @-webkit-keyframes anim-jelly { 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} } @keyframes anim-jelly { 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} } .header{ z-index: 999 !important; } html, body { height: 100%; } body { overflow-x: hidden; overflow-y: scroll; } .morphsearch { width: 200px; min-height: 40px; background: rgba(255, 255, 255, 0.95); position: absolute; z-index: 998; top: 50px; right: -75px; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition-property: min-height, width, top, right; transition-property: min-height, width, top, right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } .morphsearch.open { width: 100%; min-height: 63%; top: 0px; right: 0px; margin-bottom: 100px; } .morphsearch-form { width: 100%; height: 40px; margin: 0 auto; position: relative; -webkit-transition-property: width, height, -webkit-transform; transition-property: width, height, transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } .morphsearch.open .morphsearch-form { width: 80%; height: 160px; -webkit-transform: translate3d(0,3em,0); transform: translate3d(0,3em,0); } .morphsearch-input { width: 100%; height: 100%; padding: 0 10% 0 10px; font-weight: 700; border: none; background: transparent; font-size: 0.8em; text-transform: capitalize; font-family: 'Open Sans', sans-serif !important; font-weight: 300; color: #ec5a62; -webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1); transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1); } .morphsearch-input::-ms-clear { /* remove cross in IE */ display: none; } .morphsearch.hideInput .morphsearch-input { color: transparent; -webkit-transition: color 0.3s; transition: color 0.3s; } .morphsearch.open .morphsearch-input { font-size: 1.5em; text-transform: capitalize; font-family: 'Open Sans', sans-serif !important; font-weight: 300; } /* placeholder */ .morphsearch-input::-webkit-input-placeholder { color: #c2c2c2; } .morphsearch-input:-moz-placeholder { color: #c2c2c2; } .morphsearch-input::-moz-placeholder { color: #c2c2c2; } .morphsearch-input:-ms-input-placeholder { color: #c2c2c2; } /* hide placeholder when active in Chrome */ .gn-search:focus::-webkit-input-placeholder { color: transparent; } input[type="search"] { /* reset normalize */ -webkit-box-sizing: border-box; box-sizing: border-box; } .morphsearch-input:focus, .morphsearch-submit:focus { outline: none; } .morphsearch-submit { position: absolute; width: 80px; height: 80px; text-indent: 100px; overflow: hidden; right: 0; top: 50%; /*background: transparent url("Images/magnifier.svg") no-repeat center center;*/ background-size: 100%; border: none; pointer-events: none; transform-origin: 50% 50%; opacity: 0; -webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1); transform: translate3d(-30px,-50%,0) scale3d(0,0,1); } .morphsearch.open .morphsearch-submit { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1); transform: translate3d(-30px,-50%,0) scale3d(1,1,1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .morphsearch-close { width: 36px; height: 36px; position: absolute; right: 1em; top: 1em; overflow: hidden; text-indent: 100%; cursor: pointer; pointer-events: none; opacity: 0; -webkit-transform: scale3d(0,0,1); transform: scale3d(0,0,1); } .morphsearch.open .morphsearch-close { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .morphsearch-close::before, .morphsearch-close::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; border-radius: 3px; opacity: 0.2; background: #000; } .morphsearch-close:hover.morphsearch-close::before, .morphsearch-close:hover.morphsearch-close::after { opacity: 1; } .morphsearch-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .morphsearch-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .morphsearch-content { color: #333; /* margin-top: 4.5em; */ width: 75%; height: 0; overflow: hidden; padding: 0 10.5%; /* background: #f1f1f1; */ position: absolute; pointer-events: none; opacity: 0; } .morphsearch.open .morphsearch-content { opacity: 1; height: auto; overflow: visible; /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */ pointer-events: auto; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } .dummy-column { width: 30%; padding: 0 0 6em; float: left; opacity: 0; -webkit-transform: translate3d(0,100px,0); transform: translateY(100px); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .morphsearch.open .dummy-column:first-child { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .morphsearch.open .dummy-column:nth-child(2) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .morphsearch.open .dummy-column:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .morphsearch.open .dummy-column { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dummy-column:nth-child(2) { margin: 0 5%; } .dummy-column h2 { font-size: 1em; letter-spacing: 1px; text-transform: uppercase; font-weight: 800; color: #c2c2c2; padding: 0.5em 0; } .round { border-radius: 50%; } .dummy-media-object { text-decoration:none; padding: 0.75em; display: block; margin: 0.3em 0; cursor: pointer; /*border-radius: 5px; background: rgb(232, 232, 232)!important;*/ } .dummy-media-object:hover, .dummy-media-object:focus { background: rgba(118,117,128,0.1); } .dummy-media-object img { display: inline-block; width: 50px; margin: 0 10px 0 0; vertical-align: middle; } .dummy-media-object h3 { vertical-align: middle; font-size: 12px; display: inline-block; /* font-weight: 700; */ margin: 0 0 0 0; width: calc(100% - 70px); color: #000; } #searchresult { display: inline-block; width: 100%; max-height: 500px; overflow-y: auto; } .dummy-media-object:hover h3 { color: rgba(236,90,98,1); } /* Overlay */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(251,249,249,0.90); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } .morphsearch.open ~ .overlay { opacity: 1; } @media screen and (max-width: 53.125em) { .morphsearch-input { padding: 0 25% 0 10px; } .morphsearch.open .morphsearch-input { font-size: 2em; } .dummy-column { float: none; width: auto; padding: 0 0 2em; } .dummy-column:nth-child(2) { margin: 0; } .morphsearch.open .morphsearch-submit { -webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1); transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1); } } @media screen and (max-width: 60.625em) { .morphsearch { width: 80%; top: 2%; right: 10%; } } .audioplayer { height: 2.5em; /* 40 */ color: #586a75; /* text-shadow: 1px 1px 0 #000; */ border: 1px solid #fff; position: relative; z-index: 1; background: #333; margin-left: 175px; background: -webkit-gradient( linear, left top, left bottom, from( #fff ), to( #fff) ); background: -webkit-linear-gradient( top, #fff, #fff ); background: -moz-linear-gradient( top, #fff, #fff ); background: -ms-radial-gradient( top, #fff, #fff ); background: -o-linear-gradient( top, #fff, #fff ); background: linear-gradient( #fff, #fff ); } .audioplayer-mini { width: 2.5em; /* 40 */ margin: 0 auto; } .audioplayer > div { position: absolute; } .audioplayer-playpause { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; } .audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); } .audioplayer-mini .audioplayer-playpause { width: 100%; } .audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #fff; } .audioplayer-playpause a { display: block; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-right: none; border-left-color: #7fc7af; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em; /* 8 4 */ } .audioplayer-playing .audioplayer-playpause a { width: 0.75em; /* 12 */ height: 0.75em; /* 12 */ position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em; /* 6 */ } .audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #7fc7af; content: ''; position: absolute; top: 0; } .audioplayer-playing .audioplayer-playpause a:before { left: 0; } .audioplayer-playing .audioplayer-playpause a:after { right: 0; } .audioplayer-time { width: 4.375em; /* 70 */ height: 100%; line-height: 2.375em; /* 38 */ text-align: center; z-index: 2; top: 0; } .audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); left: 2.5em; /* 40 */ } .audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); right: 2.5em; /* 40 */ } .audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; } .audioplayer-bar { height: 0.875em; /* 14 */ background-color: #fff; cursor: pointer; z-index: 1; top: 50%; right: 6.875em; /* 110 */ left: 6.875em; /* 110 */ margin-top: -0.438em; /* 7 */ } .audioplayer-novolume .audioplayer-bar { right: 4.375em; /* 70 */ } .audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; } .audioplayer-bar-loaded { background-color: #fff; z-index: 1; } .audioplayer-bar-played { background: #007fd1; background: -webkit-gradient( linear, left top, right top, from( #7fc7af ), to( #7fc7af ) ); background: -webkit-linear-gradient( left, #7fc7af, #7fc7af ); background: -moz-linear-gradient( left, #7fc7af, #7fc7af ); background: -ms-radial-gradient( left, #7fc7af, #7fc7af ); background: -o-linear-gradient( left, #7fc7af, #7fc7af ); background: linear-gradient( #7fc7af, #7fc7af ); z-index: 2; } .audioplayer-volume { width: 2.5em; /* 40 */ height: 100%; border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; } .audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #fff; } .audioplayer-volume-button { width: 100%; height: 100%; } .audioplayer-volume-button a { width: 0.313em; /* 5 */ height: 0.375em; /* 6 */ background-color: #7fc7af; display: block; position: relative; z-index: 1; top: 40%; left: 35%; } .audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; } .audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-left: none; border-right-color: #7fc7af; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; /* 8 */ } .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */ width: 0.313em; /* 5 */ height: 0.313em; /* 5 */ border: 0.25em double #7fc7af; /* 4 */ border-width: 0.25em 0.25em 0 0; /* 4 */ left: 0.563em; /* 9 */ top: -0.063em; /* 1 */ -webkit-border-radius: 0 0.938em 0 0; /* 15 */ -moz-border-radius: 0 0.938em 0 0; /* 15 */ border-radius: 0 0.938em 0 0; /* 15 */ -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); } .audioplayer-volume-adjust { height: 6.25em; /* 100 */ cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #fff; background: -webkit-gradient( linear, left top, left bottom, from( #fff ), to( #fff ) ); background: -webkit-linear-gradient( top, #fff, #fff ); background: -moz-linear-gradient( top, #fff, #fff ); background: -ms-radial-gradient( top, #fff, #fff ); background: -o-linear-gradient( top, #fff, #fff ); background: linear-gradient( #fff, #fff ); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; } .audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; } .audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #fff; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; } .audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient( linear, left bottom, left top, from( #7fc7af ), to( #7fc7af ) ); background: -webkit-linear-gradient( bottom, #7fc7af, #7fc7af ); background: -moz-linear-gradient( bottom, #7fc7af, #7fc7af ); background: -ms-radial-gradient( bottom, #7fc7af, #7fc7af ); background: -o-linear-gradient( bottom, #7fc7af, #7fc7af ); background: linear-gradient(#7fc7af, #7fc7af ); } .audioplayer-novolume .audioplayer-volume { display: none; } .audioplayer-play, .audioplayer-pause, .audioplayer-volume a { -webkit-filter: drop-shadow( 0px 0px 0 #000 ); -moz-filter: drop-shadow( 0px 0px 0 #000 ); -ms-filter: drop-shadow( 0px 0px 0 #000 ); -o-filter: drop-shadow( 0px 0px 0 #000 ); filter: drop-shadow( 0px 0px 0 #000 ); } .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .audioplayer-bar, .audioplayer-volume-adjust > div { /* -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); */ } .audioplayer-volume-adjust div div, .audioplayer-bar-played { -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); } .audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); } .audioplayer *, .audioplayer *:before, .audioplayer *:after { -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease; transition: color .25s ease, background-color .25s ease, opacity .5s ease; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } } /* add this class */ .shake { -webkit-animation-name: shake; animation-name: shake; } .insidemodalDialog { max-width: 500px; width: 100%; height:380px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 1em; } .newCardinsidemodalDialog { max-width: 500px; width: 100%; height: 665px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 1em; } /* * Skeleton V2.0.5 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Header - Grid - Base Styles - Typography - Links - Buttons - Forms - Lists - Code - Tables - Spacing - Carousel - Utilities - Clearing - Media Queries - Player Space - Security Forms - Footer - Landing */ /* Header ----------------------------------------------------------- */ .make-right{ text-align:right; } @media (min-width: 400px) { .make-center{ text-align: center; } } .page-wrap { min-height: 100%; /* equal to header height */ margin-top: -75px; } .page-wrap:after { content: ""; display: block; } .site-header, .page-wrap:after { height: 75px; } .site-header { font-size: 12px; text-align: left; background: white; } /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; padding: 0; } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { width: 80%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; } body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 300; font-family: 'Open Sans', sans-serif !important; color: #8b8386; background-color: #FFF;} /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; } h1 { font-size: 4.0rem; line-height: 1.2; } h2 { font-size: 3.6rem; line-height: 1.25; } h3 { font-size: 3.0rem; line-height: 1.3;} h4 { font-size: 2.4rem; line-height: 1.35;} h5 { font-size: 1.8rem; line-height: 1.5;} h6 { font-size: 1.4rem; line-height: 1.6; letter-spacing: 0; } /* Larger than phablet */ @media (min-width: 550px) { h1 { font-size: 5.0rem; } h2 { font-size: 4.2rem; } h3 { font-size: 3.6rem; } h4 { font-size: 3.0rem; } h5 { font-size: 2.4rem; } h6 { font-size: 1.4rem; } } p { margin-top: 0; font-family: 'Open Sans', sans-serif; } /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { color: #1EAEDB; } a:hover { color: #676869; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"], .abutton { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 18px; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .abutton:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus,.abutton:focus { color: #333; border-color: #888; outline: 0; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #A2CF64; border-color: #A2CF64; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #586a75; border-color: #586a75; } /* Login Button on Welcome Page –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 18px; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; } .button.button-login, button.button-login, input[type="submit"].button-login, input[type="reset"].button-login, input[type="button"].button-login { color: #FFF; background-color: #1479AC; border-color: #1479AC; } .button.button-login:hover, button.button-login:hover, input[type="submit"].button-login:hover, input[type="reset"].button-login:hover, input[type="button"].button-login:hover, .button.button-login:focus, button.button-login:focus, input[type="submit"].button-login:focus, input[type="reset"].button-login:focus, input[type="button"].button-login:focus { color: #FFF; background-color: #586a75; border-color: #586a75; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 0px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; } label, legend { /* display: block; */ margin-bottom: .5rem; /* font-weight: 400; */ } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul { list-style: circle inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td { padding: 2px 5px; text-align: left; border-bottom: 1px solid; border-bottom-color: rgba(225, 225, 225, 0.2); } th:first-child, td:first-child { /*padding-left: 0;*/ } th:last-child, td:last-child { padding-right: 0; } tr:hover { background-color: rgba(203, 197, 199, 0.25); color:#1eaedb; } /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { margin-bottom: 1rem; } input, textarea, select, fieldset { margin-bottom: 1.5rem; } pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 0.5rem; } /* Circular Content Carousel Style ------------------------------------------------------*/ .ca-container{ position:relative; margin:25px auto 20px auto; width:990px; height:250px; } .ca-wrapper{ width:100%; height:250px; position:relative; } .ca-item{ /* position:relative; */ float:left; width:250px; height:250px; text-align:center; } .ca-more{ position: absolute; bottom: 10px; right:0px; padding:4px 15px; font-weight:bold; /* background: #ccbda2; */ text-align:center; color: white; font-family: "Georgia","Times New Roman",serif; font-style:italic; text-shadow:1px 1px 1px #897c63; display: inherit !important; } .ca-close{ position:absolute; top:10px; right:10px; background:#fff url(../images/cross.png) no-repeat center center; width:27px; height:27px; text-indent:-9000px; outline:none; /* -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); opacity:0.7; */ } .ca-close:hover{ opacity:1.0; } .ca-item-main{ padding:20px; position:absolute; top:5px; left:5px; right:5px; bottom:5px; background:#fff; overflow:hidden; } .ca-icon{ width:233px; height:189px; position:relative; margin:0 auto; background:transparent url(../images/animal1.png) no-repeat center center; } .ca-item-2 .ca-icon{ background-image:url(../images/animal2.png); } .ca-item-3 .ca-icon{ background-image:url(../images/animal3.png); } .ca-item-4 .ca-icon{ background-image:url(../images/animal4.png); } .ca-item-5 .ca-icon{ background-image:url(../images/animal5.png); } .ca-item-6 .ca-icon{ background-image:url(../images/animal6.png); } .ca-item-7 .ca-icon{ background-image:url(../images/animal7.png); } .ca-item-8 .ca-icon{ background-image:url(../images/animal8.png); } .ca-item h3{ font-family: 'Coustard', sans-serif; text-transform:uppercase; font-size:30px; color:#000; margin-bottom:20px; height:85px; text-align:center; text-shadow: 0px 1px 1px #e4ebe9; } .ca-item h4{ margin:10px; } .ca-item h4 span{ text-indent:40px; display:block; } .ca-item h4 span.ca-quote{ color:#f4eee3; font-size:100px; position:absolute; top:20px; left:0px; text-indent:0px; } .ca-content-wrapper{ background:#FFF; position:absolute; width:0px; /* expands to width of the wrapper minus 1 element */ height:440px; top:5px; text-align:left; z-index:10000; overflow:hidden; } .ca-content{ width:660px; overflow:hidden; } .ca-content-text{ font-size: 14px; margin:10px 20px; padding:10px 20px; line-height:24px; } .ca-content-text p{ padding-bottom:5px; } .ca-content h6{ margin:25px 20px 0px 35px; font-size:32px; padding-bottom:5px; } .ca-content ul{ margin:20px 35px; height:30px; } .ca-content ul li{ float:left; margin:0px 2px; } .ca-content ul li a{ color:#fff; background:#000; padding:3px 6px; font-size:14px; } .ca-content ul li a:hover{ background:#fff; color:#000; text-shadow:none; } .ca-nav span{ width:25px; height:38px; background:transparent url(../Content/Images/arrows.png) no-repeat top left; position:absolute; top:50%; margin-top:-20px; left:-20px; text-indent:-9000px; opacity:0.2; cursor:pointer; z-index:100; } .ca-nav span.ca-nav-next{ background-position:top right; left:auto; right:-23px; } .ca-nav span:hover{ opacity:1.0; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (min-width: 400px) { .audioplayer { height: 2.5em; /* 40 */ color: #586a75; /* text-shadow: 1px 1px 0 #000; */ border: 1px solid #fff; position: relative; z-index: 1; background: #333; margin-left: 75px !important; background: -webkit-gradient( linear, left top, left bottom, from( #fff ), to( #fff) ); background: -webkit-linear-gradient( top, #fff, #fff ); background: -moz-linear-gradient( top, #fff, #fff ); background: -ms-radial-gradient( top, #fff, #fff ); background: -o-linear-gradient( top, #fff, #fff ); background: linear-gradient( top, #fff, #fff ); } } /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} /* Player Space ----------------------------------------------------------- */ player { width: 100%; height: 40px; background: white; position: fixed; bottom: 0; z-index: 1000; border-top: 1px solid #ccc; } /*---------------------------------------------------------- Security Forms */ /* general style for the form */ .nl-form { width: 100%; margin: 0.3em auto 0 auto; font-size: 2em; line-height: 1.5; } .nl-form ul { list-style: none; margin: 0; padding: 0; } /* normalize the input elements, make them look like everything else */ .nl-form input, .nl-form select, .nl-form button { border: none; background: transparent; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; display: inline-block; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; } .nl-form input:focus { outline: none; } /* custom field (drop-down, text element) styling */ .nl-field { display: inline-block; position: relative; } .nl-field.nl-field-open { z-index: 10000; } /* the toggle is the visible part in the form */ .nl-field-toggle, .nl-form input, .nl-form select { height: 75px; line-height: inherit; display: inline-block; color: #1EAEDB; cursor: pointer; border-bottom: 1px dashed #1EAEDB; } /* drop-down list / text element */ .nl-field ul { position: absolute; visibility: hidden; background: #76C3BD; left: -0.5em; top: 50%; font-size: 80%; opacity: 0; -webkit-transform: translateY(-40%) scale(0.9); -moz-transform: translateY(-40%) scale(0.9); transform: translateY(-40%) scale(0.9); -webkit-transition: visibility 0s 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s; } .nl-field.nl-field-open ul { visibility: visible; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition: visibility 0s 0s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0s 0s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0s 0s, opacity 0.3s, transform 0.3s; } .nl-field ul li { color: #fff; position: relative; } .nl-dd ul li { padding: 0 1.5em 0 0.5em; cursor: pointer; white-space: nowrap; } .nl-dd ul li.nl-dd-checked { color: #478982; } .no-touch .nl-dd ul li:hover { background: rgba(0,0,0,0.05); } .no-touch .nl-dd ul li:hover:active { color: #478982; } /* icons for some elements */ .nl-dd ul li.nl-dd-checked:before, .nl-submit:before, .nl-field-go:before { font-family: 'nlicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .nl-dd ul li.nl-dd-checked:before { content: "\e000"; position: absolute; right: 1em; font-size: 50%; line-height: 3; } .nl-ti-text ul { min-width: 8em; } .nl-ti-text ul li.nl-ti-input input { width: 100%; padding: 0.2em 2em 0.2em 0.5em; border-bottom: none; color: #fff; } .nl-form .nl-field-go { position: absolute; right: 0; top: 0; height: 100%; cursor: pointer; background: rgba(0,0,0,0.1); width: 1.8em; text-align: center; color: transparent; } .nl-field-go:before { content: "\e001"; font-size: 75%; color: #fff; width: 100%; line-height: 2.5; display: block; } /* custom placeholder color input::-webkit-input-placeholder { color: rgba(255,255,255,0.8); } input:active::-webkit-input-placeholder , input:focus::-webkit-input-placeholder { color: rgba(255,255,255,0.2); } input::-moz-placeholder { color: rgba(255,255,255,0.8); } input:active::-moz-placeholder, input:focus::-moz-placeholder { color: rgba(255,255,255,0.2); } input:-ms-input-placeholder { color: rgba(255,255,255,0.8); } input:active::-ms-input-placeholder , input:focus::-ms-input-placeholder { color: rgba(255,255,255,0.2); } */ /* example field below text input */ .nl-ti-text ul li.nl-ti-example { font-size: 40%; font-style: italic; font-weight: 400; padding: 0.4em 1em; color: rgba(0,0,0,0.2); border-top: 1px dashed rgba(255,255,255,0.7); } .nl-ti-text ul li.nl-ti-example em { color: #fff } /* submit button */ .nl-submit-wrap { margin-top: 0.4em; } .nl-form .nl-submit { /* line-height: 3; */ text-transform: uppercase; cursor: pointer; position: relative; background: #76C3BD; color: #fff; padding: 0 1em 0 0; font-size: 40%; font-weight: bold; letter-spacing: 3px; } .nl-submit:before { /* content: "\e001"; */ color: #fff; float: left; padding: 0 0.7em; margin: 0 0.8em 0 0; background: #69B1A9; } .no-touch .nl-form .nl-submit:hover, .no-touch .nl-form .nl-submit:active { background: #69B1A9; } .no-touch .nl-form .nl-submit:hover:before { background: #58a199; } /* overlay becomes visible when a field is opened */ .nl-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: 9999; visibility: hidden; -webkit-transition: visibility 0s 0.3s, opacity 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s; transition: visibility 0s 0.3s, opacity 0.3s; } .nl-field.nl-field-open ~ .nl-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } @media screen and (max-width: 45em) { .nl-form { font-size: 3em; } } @media screen and (max-width: 25em) { .nl-form { font-size: 2em; } } /* Footer ----------------------------------------------------------- */ .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -50px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { height: 50px; } .site-footer { font-size: 12px; text-align: center; } /* Landing ---------------------------------------------------------------*/ /* Shared –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button { border-radius: 0px; } /* Sections –––––––––––––––––––––––––––––––––––––––––––––––––– */ .section { padding: 8rem 0 7rem; text-align: center; } .section-heading, .section-description { margin-bottom: 1.2rem; } /* Hero –––––––––––––––––––––––––––––––––––––––––––––––––– */ .hero { background: url(images/herobackgroundmain.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .phones { position: relative; } .phone { position: relative; max-width: 80%; margin: 3rem auto -12rem; } .phone + .phone { display: none; } /* Values –––––––––––––––––––––––––––––––––––––––––––––––––– */ .values { background-color: #7fc7af; background-size: cover; color: #FFF; padding-bottom: 5rem; } .value-multiplier { margin-bottom: .5rem; color: #FFF; } .value-heading { margin-bottom: .3rem; } .value-description { opacity: .8; font-weight: 300; } /* Help –––––––––––––––––––––––––––––––––––––––––––––––––– */ .get-help { border-bottom: 1px solid #ddd; } /* Categories –––––––––––––––––––––––––––––––––––––––––––––––––– */ .categories { background-color: #7fc7af; background-size: cover; color: #FFF; } .categories .section-description { margin-bottom: 4rem; } /* Sticky Header --------------------------------------------------- */ .main_h { position: fixed; top: 0px; max-height: 30px; z-index: 999; width: 100%; padding-top: 17px; background: none; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; top: -100px; padding-bottom: 6px; font-size: 12px; } @media only screen and (max-width: 766px) { .main_h { padding-top: 25px; } } .row { /* width: 100%; */ max-width: 940px; margin: 0 auto; position: relative; padding: 0 2%; } .open-nav { max-height: 400px !important; } .open-nav .mobile-toggle { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .sticky { background-color: rgba(255, 255, 255, 0.93); opacity: 1; top: 0px; border-bottom: 1px solid gainsboro; } .logo { width: 50px; font-size: 25px; color: #8f8f8f; text-transform: uppercase; float: left; display: block; margin-top: 0; line-height: 1; margin-bottom: 10px; } @media only screen and (max-width: 766px) { .logo { float: none; } } nav { float: right; width: 60%; } @media only screen and (max-width: 766px) { nav { width: 100%; } } nav ul { list-style: none; overflow: hidden; text-align: right; float: right; } @media only screen and (max-width: 766px) { nav ul { padding-top: 10px; margin-bottom: 22px; float: left; text-align: center; width: 100%; } } nav ul li { display: inline-block; margin-left: 35px; line-height: 1.5; } @media only screen and (max-width: 766px) { nav ul li { width: 100%; padding: 7px 0; margin: 0; } } nav ul a { color: #888888; text-transform: uppercase; font-size: 18px; } .mobile-toggle { display: none; cursor: pointer; font-size: 20px; position: absolute; right: 22px; top: 0; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } @media only screen and (max-width: 766px) { .mobile-toggle { display: block; } } .mobile-toggle span { width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #8f8f8f; display: block; } .mouse { display: block; margin: 0 auto; width: 26px; height: 46px; border-radius: 13px; border: 2px solid #e8f380; position: absolute; bottom: 40px; position: absolute; left: 50%; margin-left: -26px; } .mouse span { display: block; margin: 6px auto; width: 2px; height: 2px; border-radius: 4px; background: #e8f380; border: 1px solid transparent; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } /* Bigger than 550 */ @media (min-width: 550px) { .section { padding: 12rem 0 11rem; } .hero { padding-bottom: 12rem; text-align: left; height: 165px; } .phone { position: absolute; top: -7rem; right: 3rem; max-height: 362px; z-index: 3; } .phone + .phone { top: -6rem; display: block; max-width: 73.8%; right: 0; z-index: 2; max-height: 338px; } .hero-heading { font-size: 2.4rem; } } /* Bigger than 750 */ @media (min-width: 750px) { .hero { height: 190px; } .hero-heading { font-size: 2.6rem; } .section { padding: 14rem 0 15rem; } .hero { padding: 16rem 0 14rem; } .section-description { max-width: 60%; margin-left: auto; margin-right: auto; } .phone { top: -14rem; right: 5rem; max-height: 510px; } .phone + .phone { top: -12rem; max-height: 472px; } .categories { padding: 15rem 0 8rem; } } /* Bigger than 1000 */ @media (min-width: 1000px) { .section { padding: 20rem 0 19rem; } .hero { padding: 22rem 0; } .hero-heading { font-size: 3.0rem; } .phone { top: -16rem; max-height: 615px; } .phone + .phone { top: -14rem; max-height: 570px; } } /*==================================== Login Modal Window styles =====================================*/ .modal { /* background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); display: inline-block; padding: 1em; */ } @media (min-width: 43.75em) { .modal { padding: 1.5em; } } #modal__trigger {display:none;} /* .modal > label { background: #FFD300; border: 1px solid #f0c600; border-radius: .2em; color: #000000; cursor: pointer; display: inline-block; font-weight: bold; padding: 0.75em 1.5em; text-shadow: 1px 1px 1px #fff; transition: all 0.55s; }*/ .modal > label:hover { transform: scale(0.97); } .modal__overlay { background: rgba(251,249,249,0.90); bottom: 0; left: 0; position: fixed; right: 0; /* text-align: center; */ text-shadow: none; top: 0; z-index: 600; } .modal__wrap { padding: 1em 0; position: relative; margin: 0 auto; max-width: 500px; width: 90%; } @media (min-width: 50em) { .modal__wrap { padding: 1.75em; } } @media (min-height: 37.5em) { .modal__wrap { left: 50%; position: absolute; top: 70%; transform: translate(-50%, -80%); background-color: white; } } .modal__wrap label { border-radius: 50%; color: #000000; cursor: pointer; display: inline-block; height: 1.5em; line-height: 1.5; position: absolute; right: .5em; top: .5em; width: 1.5em; } .modal__wrap h2 { margin-bottom: 1em; } .modal__wrap p { /* color: #FFD300; text-align: justify; */ } .modal input:focus ~ label { transform: scale(0.97); } /* input { position: absolute; top: -1000px; } */ .modal__overlay { opacity: 0; transform: scale(0.5); transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index: -100; } input:checked ~ .modal__overlay { opacity: 1; transform: scale(1); z-index: 800; } div#idalbumAssociationSummary { overflow-x: auto; } table.u-full-width.album-table tbody tr td:nth-child(3) { width: 100px; } .social-list a { margin-right: 1rem; } .social-list:not(.center) li:last-child a { margin-right: 0; } .right .social-list a, .social-list.right a { margin-left: 1rem; margin-right: 0; } .social-list.right li:last-child a { margin-left: 0; } .center .social-list a, .center .social-list li:last-child a, .social-list.center a { margin-right: 0.5rem; margin-left: 0.5rem; } .social-list [class*="icon-"] { margin: 0; } .list-horizontal li { display: inline-block; } .center-on-mobile { text-align: center !important; } .team-slider .social-list, .team-slider .social-list li { padding: 0; margin: 0; } .icon-twitter-with-circle:before { content: "\e78a"; } .icon-twitter:before { content: "\e78b"; } .icon-facebook-with-circle:before { content: "\e754"; } .icon-facebook:before { content: "\e755"; } .icon-tumblr-with-circle:before { content: "\e788"; } .icon-tumblr:before { content: "\e789"; } .icon-instagram-with-circle:before { content: "\e764"; } .icon-instagram:before { content: "\e765"; } [class*="icon-"].small { font-size: 1.6rem; } [class*="icon-"].medium { font-size: 2.4rem; } [class*="icon-"].large { font-size: 3.2rem; } [class*="icon-"].xlarge { font-size: 4.8rem; } ul [class*="icon-"], ol [class*="icon-"] { margin-right: 1rem; } @font-face { font-family: 'icomoon'; src: url('../fonts/entypo.eot?-r9lvae'); src: url('../fonts/entypo.eot?#iefix-r9lvae') format('embedded-opentype'), url('../fonts/entypo.woff?-r9lvae') format('woff'), url('../fonts/entypo.ttf?-r9lvae') format('truetype'), url('../fonts/entypo.svg?-r9lvae#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row{ clear:left; } .footer-bottom { border-top: 1px solid #eee; clear:both; } .footer-bottom .container{ padding-top: 3rem; } .footer-bottom a, .footer-bottom { color: #898989; text-decoration: none; } .social-list.center a{ color: #4e4e4e; } .footer-bottom a:hover, .social-list.center a:hover{ color: #1479AC; } footer.site-footer { font-size: 14px; } .footer-bottom p{ margin-bottom: 2.5rem; } .footer-bottom ul.social-list { margin-bottom: 1rem; } footer.site-footer { font-size: 14px; } @font-face{ font-family: Yanone Kaffeesatz; src: url(../fonts/YanoneKaffeesatz-Light.ttf); } .list-horizontal li { display: inline-block; margin-right: .75rem; margin-left: .75rem; } .list-horizontal a{ color: #898989; } .list-horizontal a:hover{ color: #A2CF64; } .no-decoration-add{ text-decoration: none; color: #A2CF64; } .modal-scrollable{ max-height: 500px; overflow: overlay; } audio { max-width: 100%; } .button-buy{ margin-right: auto; margin-left: auto; float: left; width: 100%; } .album-table th { padding-top: 0; } .h3-title{ font-size:3.6rem; line-height:1.3; font-weight:300; } .no-block { display: initial; } .error { color: #ff0000; } #submitcontainer { width: 100%; height: 100%; position: relative; } #loading1 { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } #loading { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } #loadingcontent { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #loadingspinner { display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: larger; padding-top: 80px; color: black; font-weight:bolder; } .modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.45); z-index: 600; opacity: 0; -webkit-transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55); pointer-events: none; padding: 0; } .modalDialog:target { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 10001; /*800*/ pointer-events: auto; } .modalDialog > div { max-width: 500px; width: 90%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*background: #fff;*/ padding: 1em; } .RegisterClass >div{ max-width: 800px!important; } .modalDialog .modal-content { padding: 5px 20px 13px 20px; } .modalDialog.column { margin-left: auto; } .modalDialog.columns { margin-left: auto; } .close { text-align: center; text-decoration: none; font-weight: bold; cursor: pointer; display: inline-block; height: 1.5em; line-height: 1.5em; position: absolute; right: .5em; top: .5em; width: 1.5em; color: #000; text-decoration: none; font-weight: bold; } .close:hover { background: #8b8386; color: #FFFFFF; } .fixed-table { width:100%; table-layout: fixed; border-collapse: collapse; } .fixed-table thead tr { display: block; position: relative; } .fixed-table tbody { display: block; overflow: auto; width: 100%; height: 400px; overflow-y: scroll; overflow-x: hidden; } .fixed-table tbody tr { display: block; } /*@media (min-width: 50em) { .modalDialog > div { padding: 1.75em; margin-top: 5em; } } @media (min-width: 43.75em) { .modalDialog { padding: 1.5em; } } @media (max-width: 43.75em) { .modalDialog { padding: 1.5em; top: 1.5em; } .modalDialog > div { width: 80%; margin-top: 5em; } }*/ @media only screen and (max-width: 600px) { .album-inner-container { margin-top: 10%!important; } } @media (min-height: 37.5em) { .modalDialog > div { /*left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%); background-color: white;*/ } } /*Modal*/ .ui-dialog { background-color: #FFFFFF; z-index: 999999; } .ui-dialog .ui-dialog-buttonset button { margin-right: 4px; } .panel-title { text-align: center; color: #A2CF64; } .ui-dialog-titlebar { text-align: right; } .ui-dialog-content { background-color: #FFFFFF; border-radius: 10px; } .myplaylistclass .audioplayer { margin-left: -20px !important; } /*Jquery Modal Dialog*/ .ui-dialog-titlebar button.ui-dialog-titlebar-close { border: none; width: 1.5em; height: 1.5em; padding: 0; margin: 10px; border-radius: 0; } .ui-dialog-titlebar button.ui-dialog-titlebar-close .ui-button-text { line-height: 0; display: block; } .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover { background: #8b8386; color: #FFFFFF; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); opacity: .3; z-index: 10001; } /*Order Summary*/ .modalDialogOrder > div { max-width: 700px; width: 90%; } /*Order Summary*/ .modalDialogAlbum > div { max-width: 60%; width: 100%; } .modal-inner-container { margin: 10px; text-align: center; } .ui-dialog-buttonset { text-align: center; } .album-inner-container { margin-top: 1%; } .album-image { max-height: 650px; border-radius: 10px !important; } .ca-wrapper .album-image { padding: 5px; } .search-overflow { max-height: 400px !important; height: 100% !important; overflow-y: scroll !important; } .searchheader { /*margin-left: 50px;*/ } /* Search popup */ #morphsearch .search-content { display:none; width: 80%; margin-left: 10%; padding-bottom: 20px; } #morphsearch.open .search-content{ display:block; } #morphsearch .search-content .dummy-column:nth-child(2) { margin: 0; } #morphsearch .search-content .dummy-column { padding-bottom: 1px; } #morphsearch .search-content .dummy-column { width: 29%; padding-right: 30px; } .dummy-column-mt-5 { margin-top: -5px; } .dummy-column > div { height: 230px; overflow: auto; margin-bottom: 40px; } .searchImg{ width:50px; height:50px; max-height:50px; max-width:50px; } .spinnercenter { top:50%; left:50%; margin-left: -10px; /* half of the width */ margin-top: -10px; /* half of the height */ position:fixed; background:#f6f6f6; z-index:200000000; /* additional css to make box look pretry */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; line-height:200px; text-align:center; } .button2 { -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) ); background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea'); background-color:#bddbfa; -webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px; border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topright:15px; border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; border-bottom-left-radius:15px; text-indent:0; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-size:13px; font-weight:bold; font-style:normal; height:25px; line-height:25px; width:100%; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #528ecc; }.button2:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) ); background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa'); background-color:#80b5ea; }.button2:active { position:relative; top:1px; } .btn{ } .btn:hover { cursor:pointer; } /*PlayList*/ .addToPlayList { /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFbSURBVDhPtVK9TsMwGDwnDWkqVBDMLDwACwMTzwASggEhxMIII7Cy8To8AjwCAwgBAxIoiKZtaPPTJLXNZzeiRTiVQOKkTxfdF58/n81gwMpFU5afX7g56xn/tUr+gZODcxzvn+Jw76hUzKg0SEWETjtHyqNSMWOKQYwoTZD81SDhsV6cEk8DMwWmsLmzhcAfwl7o4uryulS/QwVbW5pfxvbGrh55IBK9o6pelJKWQxAvrnvoJAFQ0EVkVAML8tnVJpaQfBRYkKPdyjSr8MIw0/pt6wF+GCIraihgY1inxen45BYnA3VeOdcdVZNqNgT3QjzFd0jYG1zG4WYCzgdg+7Q4HhsYM6g7DTTWBF47fTRqBeQjjStodEFNxZxYMp2B8XUpU7ZKWeQz8PIh5L33+5eoArNsGo4Cm4bqLqXNqDsZmAnVXdrZeaGpJwIzobKr7/ndIQO7VP4FwCfn3q6taqMX9QAAAABJRU5ErkJggg==) no-repeat left center;*/ width: 16px; height: 16px; display: block; } .removePlayList,.removeTrackFromPlayList { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKoSURBVDhPnVPLaxNBHP5m9pmkMVNsbaXQFmpR8SBYoS2tGCreigQLaT0ICgotHkX8GxT8P7zpQTAVtOtBEDzloNVAY/rIyyTN9pFkk83uOrNtYxBPfrC7w8z3ffN7LQHH09H+y5IWMMTaaTaizzKlpFh3Q3AUSfY5ttPucKg4ULl4ZXmFxe4/YFTTDbEnDk/gi2XZiF84z2JBlckgHQ4V4ocrj1i4n+FcXw8W4ncY3+wQHo8OjiiyYixemWDqrypCGsN8JMxNqB8NFS+vbcNtNmE1DzHMdMTnbzGiqMaT0b7rQVl6vTg5ydTKPtrQ4BEKl/iZ+5Cmw2oimUwuXRwZ03WZwrIOcEoiGDozpOcq1XvxmZlBzayjVd7jt9nYbR/irXlgtuFGP5n1YqeIKg/7buw26wlRNBs1yDYPruXA3qujnvoJ4jR9caK654tPiiiJl3CaDmuJr6nU0vjZYT0gybBbLlzLhbWxycteR8WpYfUvsYBvICBMpk7phfRONjYxNg6nxQPYKcDbN9HwGnhTqfIE3OXnmdLqscRHx8BPQ1Zexmav6QrV0OY5O9ltSLxoCpVAZYJcvRmd7Q0mxGXHsiODoz4rxkJ0jvUGI3BqvCMbP9AiFiilCBAZpzUNRJX0fM1a6jaRfDFv2cLcDV/stTw00ikUG1W8K+8iElARkhWE+V3CxFEVvVird0yo5xLj5uQUFzNfbOW2kN8v4X151zxwvVGjVDLTvAM16iECgquhMC4NDDChExHwoVP4dOlw7TbsQxM7+Qw+lCumw6v9IlPYdDze72LB/O7YMCnhg0QQ5pFIfFZ8A9tuRV99XDPz5Ry20utYK5V98UmrxFeYfM5nzW/cZJ0/X7Lbpsv3xPmfv/F4trvF3RAcSqjhOB4I9f7J+Q8AvwGlFloSszR66wAAAABJRU5ErkJggg==) no-repeat left center; width: 16px; height: 16px; display: block; } .editPlayList { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJTSURBVDhPjdFNaBNBGAbgd2bX2PzUJtLWQ3vQaBOLINqKCAVBsfSm9mpPihcVUfHQQwuVEKEHBRVBPFSv4kFUPAlStFiiHqoVWtOI2DSV2vw1yWaT7Ca7ftONUTCRvjDsYef59p1Zhg3mZY98zpErD9k4+kwTYcZw72AYtzc0IHXX9+Bdmp3uiCTh7zwC1uHF4qMJpFcTl6XqnoYxXvSO2FvdV1u6B+DqBORsFDzJsEVTsLKS2PHfAQIzbg9i1yAcbXthk+NIaBmkwrNwz39HXEdrwwHG8/0jTHIE0TUI07kTLPUKkhqBJjGEsxLCaxo1KU7VHWA8JSw7g/D9xpNA7jNQycMRVVEpGkjZZHjiyrV/LnEdS4R3E3YQThPOzNCLErBAS6VNLg4lqjxsHls4wy1mxXhCmBP2nyDsJfwayM7+wXnaRNhUjTGBhakN0B/3jDPJZWFROz0FKHNUu0BYI2wCTgvzCx8DVWYNiNzpGZflpmF0H4fpEviNhctK9csG4JAIV0b/xiJ8+uYhe6bEz0NqhmnfTvgtXRhhPQuE6cAC2wkXCF/8dL3qauHFtfThFt9RW8zdDxaaABJfAVMnTNVF7c2idn0swgt6aWBr14FNbb59iLUfo8pRq3aBfpCNiTOP8kv1sQgvmsZZp2cbz3+5jyblGWL+IToCVZcZ1Jx+g19pjEUkX29/wOtJcj0+Yyz/yOmL8x+099HV4lJGubUn8G24uq9h2KmTfWU1tWS22+LLasmY/pkxQ5NzWqhcBl0C6Cy1Rf8SdDnrzwqtMgD8AjhKE9XQzde3AAAAAElFTkSuQmCC) no-repeat left center; width: 16px; height: 16px; display: block; } .errorMessage { color:red; font-weight:bold; } /*End of PlayList*/ .badge-icon em { background-image: url("/Content/images/verified-badge.png"); background-size: 15px 15px; } .badge { color: #6bb323; } .verified{ border: 1px solid rgba(107,179,35,.5); color: #6bb323; } .pending{ border: 1px solid hsla(0,0%,60%,.5); color: #999; } .box { display: inline-block; vertical-align: middle; width: auto; height: 15px; padding: 0 5px; border-radius: 3px; font-size: 11px !important; font-weight: 700; line-height: 14px; margin-bottom: 0; text-transform: uppercase; white-space: nowrap; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; transition: 0.3s ease all; } .album-inner-container .column { padding: 0; } .modalDialog.cartLogin { background: rgba(0, 0, 0, 0.2); } .modalDialog.cartLogin .insidemodalDialog{ padding:7rem 3rem 5rem 3rem; max-width: 600px; height: auto; -webkit-box-shadow: 0 0 1rem rgba( 0,0,0,.5 ); -moz-box-shadow: 0 0 1rem rgba( 0,0,0,.5 ); box-shadow: 0 0 1rem rgba( 0,0,0,.5 ); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modalDialog.cartLogin .modal-content{ padding:0rem 1.5rem 0rem 1.5rem; } .modalDialog.cartLogin .row{ padding:0px; } .modalDialog.cartLogin .columns{ margin:0px; } .modalDialog.cartLogin h2{ font-size:33px; } .modalDialog.cartLogin input[type=text], .modalDialog.cartLogin input[type=password]{ border: 1px solid #ddd; height: 35px; margin-bottom:2rem; } .modalDialog.cartLogin input[type=text]:focus, .modalDialog.cartLogin input[type=password]:focus { background-color: #f4f4f4; border-color: #f4f4f4; color: #000; } .modalDialog.cartLogin p{ font-size: 14px; margin-bottom: 3rem; line-height: 25.2px; } .modalDialog.cartLogin p#Errormessage { margin-bottom: 0px; position:relative; top:-18px; } .modalDialog.cartLogin .button-primary { padding: 11px 20px; line-height: 18px; height: auto; font-family: 'Open Sans'; border-radius: 0px !important; width: auto; text-transform:capitalize; margin-bottom: 0px; } .modalDialog.cartLogin p a { text-decoration: none; color: #1479AC; } .modalDialog.cartLogin p a:hover{ color:#333333; } .modalDialog.cartLogin .recuperate-password{ font-size: 10px; font-family:"Open Sans", sans-serif; color: #1479AC; text-align: right; display: block; text-decoration:none; padding-top: 10px; } .modalDialog.cartLogin > div{ max-width:600px; width:100%; } .fl-r{ float:right; } .modalDialog.cartLogin a.close.modalclose { right: 2rem; top: 2rem; opacity: 0.4; } .modalDialog.cartLogin a.close.modalclose:hover { opacity:1; background:transparent; color:#000000; } .login-loader{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } .login-content { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .login-spinner{ display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: 16px !important; padding-top: 40px; color: black; font-weight:bold; } #loading { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; } img{ vertical-align:inherit; } /*Dashborad section*/ .section-dashboard .row{ max-width:960px } .section-dashboard .dashboard-content-area h1{ color:#8b8386; font-size:30px; margin-bottom:50px; margin-top:0px; font-family: 'Open Sans', sans-serif !important; font-weight: 100; } .dashboard-content-area .head-title { font-size:20px !important; font-weight:700 !important; margin-bottom: 20px !important; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; } .dashboard-content-area .total-section .media-right h1 { margin-bottom: 0px !important; font-size:25px !important; } .dashboard-content-area .total-section .media-left { float:left; margin-right:10px; width: 40px; height: 40px; } .dashboard-content-area .total-section .media-right { float:left; width: 110px; } .dashboard-content-area .total-section .media-right h4{ font-weight: 100; color: #8b8386; margin-bottom: 10px; font-size: 13px; } .dashboard-content-area .total-section { padding: 19px 4px; border: 1px solid #d1d1d1; float:left; display:inline-block; width:100%; } .dashboard-content-area .top-content .grid-item { width: 20%; padding: 0px 0px; padding-right: 15px; } .dashboard-content-area .top-content .grid-item-large { width:25%; } .dashboard-content-area .album-section h6{ font-size:16px; color:#2681af; margin-top: 15px; margin-bottom: 10px; font-weight:100 } .dashboard-content-area .album-section p { font-size:14px; color:#afa9ab; line-height: normal; margin-bottom: 6px; } .dashboard-content-area .album-section p span{ color:#8b8386 } .dashboard-content-area .top-content { margin-bottom:15px; } .dashboard-content-area .album-section .album-section-img { width: 180px; height: 180px; } .dashboard-content-area .album-section .album-section-img img { max-width:100%; max-height:100%; } .section-dashboard .top-album > .row { margin-left: 0; margin-right: 0px; } .section-dashboard .top-album .grid-item { padding-right: 0px; padding-left: 0px; } .section-dashboard .table-section tr { border-bottom: 1px solid #eeeeee; display:block } .section-dashboard .table-section { margin-top:30px } .section-dashboard .table-section-form { margin-top:0px } .section-dashboard .table-section table { width: 100%; } .section-dashboard .table-section td { border: none; width: 49%; display: inline-block; padding: 10px 10px; color:#8b8386; font-size:15px; } .section-dashboard .table-section td:last-child{ text-align:right } .section-dashboard .table-section .head-title{ margin-bottom: 0px !important; } .section-dashboard .table-section-form table td{ width:auto } .section-dashboard .form-section input[type="text"] { max-width: 120px; display: inline-block; border:1px solid #d1d1d1; } .section-dashboard .form-section label { display:inline-block; font-size:15px; margin:0px 15px; } .section-dashboard .form-section { margin-top:15px; } .section-dashboard .form-section input[type="submit"]{ background: #a2cf64; border: 1px solid #bbbbbb; color: #fff; font-size: 18px; padding: 7px; height: 38px; margin-left: 15px; border-radius: 5px; min-width: 130px; text-transform:uppercase; font-weight:100; } .section-dashboard .table-form table td:first-child { width: 74%; } .section-dashboard .payout-section td:first-child { width: 230px !important; } .section-dashboard .payout-section td { font-size:18px; font-weight:100 } .section-dashboard .payout-section table tr { border:none } .section-dashboard .dashboard-footer { color: #afa9ab; font-size: 13px; margin-bottom: 15px !important; display: inline-block; float: left; width: 100%; } .table-section-form { margin-bottom:55px; } .section-dashboard .top-content .row{ margin-left: 0px; margin-right: 0px; } .dashboard-content-area .top-content .grid-item:last-child { padding-right:0px } @media only screen and (max-width: 1199px) { .section-dashboard .top-album .grid-item { width: 20%; } } @media only screen and (max-width: 991px) { .dashboard-content-area .album-section .album-section-img { width: 160px; height: 160px; } .section-dashboard .top-album .grid-item { padding-right: 15px; padding-left: 15px; } .dashboard-content-area .top-content .grid-item { width:50% } .section-dashboard .top-album > .row { margin-left: -15px; margin-right: -15px; } .dashboard-content-area .album-section .album-section-img { width: 130px; height: 130px; } .section-dashboard .form-section input[type="submit"] { min-width: inherit; } .section-dashboard .form-section input[type="text"] { max-width: 109px; } .dashboard-content-area .top-content .grid-item:last-child{ padding-left: 10px; padding-right: 10px; } .dashboard-content-area .top-content .grid-item{ padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .dashboard-content-area .album-section h6 { font-size: 16px; line-height: 18px; } .section-dashboard .top-album .grid-item { width: 49%; } .dashboard-content-area .album-section .album-section-img { width: 180px; height: 180px; } } @media only screen and (max-width: 480px) { .section-dashboard .top-album .grid-item { width: 100%; } .album-section { text-align:center } .dashboard-content-area .album-section .album-section-img { margin:0 auto } .section-dashboard .table-form table td:first-child { width: 50%; } .section-dashboard .payout-section td:first-child { width:auto !important } .section-dashboard .payout-section td { width:50% !important } .section-dashboard .form-section input[type="text"] { width:110px } .dashboard-content-area .top-content .grid-item { width:100%; } .dashboard-content-area .top-content .grid-item, .dashboard-content-area .top-content .grid-item:last-child { padding-right: 0px; padding-left: 0px; } .dashboard-content-area .total-section{ padding: 19px 10px; } } @media only screen and (max-width: 360px) { .section-dashboard .form-section input[type="submit"] { margin-left:0px } } #myProgress { position: relative; width: 100%; height: 20px; background-color: #fff; } #myBar { position: absolute; width: 0%; height: 20%; background-color: #a2cf64; }