/* Minification failed. Returning unminified contents.
(2834,1): run-time error CSS1019: Unexpected token, found '@import'
(2834,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700)'
(2834,78): run-time error CSS1019: Unexpected token, found ';'
(2836,1): run-time error CSS1019: Unexpected token, found '@import'
(2836,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Rokkitt:400,700)'
(2836,68): run-time error CSS1019: Unexpected token, found ';'
(2838,1): run-time error CSS1019: Unexpected token, found '@import'
(2838,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Merriweather:400,300)'
(2838,73): run-time error CSS1019: Unexpected token, found ';'
(6150,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6152,10): run-time error CSS1035: Expected colon, found '{'
(6158,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6160,10): run-time error CSS1035: Expected colon, found '{'
(6166,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6168,10): run-time error CSS1035: Expected colon, found '{'
(6570,1): run-time error CSS1019: Unexpected token, found '@charset'
(6570,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(6570,17): run-time error CSS1019: Unexpected token, found ';'
(6604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6605,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6609,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6610,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6619,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6620,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6630,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6631,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6636,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6637,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6648,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6649,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6661,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6666,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6667,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6677,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6678,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6690,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6697,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6698,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6713,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6714,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6727,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6728,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(6736,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6737,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(6752,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6753,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(6772,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6782,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6802,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6820,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6825,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6835,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6847,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6869,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6870,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6913,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6914,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6946,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6965,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7003,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7033,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7044,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7066,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7087,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7106,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7144,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7174,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7184,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7204,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7225,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7230,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7240,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7251,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7263,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7264,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7287,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7305,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7306,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7317,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7318,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7341,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7342,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7359,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7360,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7371,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7395,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7396,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7413,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7414,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7425,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7426,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7449,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7450,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7467,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7468,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7479,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7480,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7503,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7521,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7522,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7533,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7557,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7558,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7586,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7587,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7608,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7609,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7626,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7627,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7638,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7639,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7662,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7663,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7681,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7685,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7686,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7695,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7706,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7707,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7717,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7739,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7740,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7758,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7769,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7793,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7794,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7811,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7823,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7847,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7865,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7866,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7877,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7878,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7901,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7902,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7920,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7931,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7932,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7955,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7956,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7973,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7974,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7985,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7986,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8009,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8027,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8028,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8039,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8040,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8063,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8064,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8081,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8082,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8092,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8093,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8114,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8132,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8152,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8192,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8218,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8237,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8277,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8278,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8303,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8304,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8323,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8363,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8390,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8409,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8410,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8449,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8450,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8476,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8495,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8496,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8535,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8536,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8561,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8562,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8581,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8582,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8621,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8622,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8647,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8648,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8663,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8664,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8695,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8717,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8733,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8734,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8765,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8766,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8803,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8835,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8858,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8873,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8874,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8906,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8927,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8928,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8940,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8941,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8966,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8967,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8987,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9000,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9028,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9029,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9048,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9049,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9062,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9063,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9090,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9091,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9110,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9124,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9125,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9152,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9172,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9173,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9186,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9214,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9215,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9248,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9276,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9277,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9296,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9310,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9311,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9338,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9339,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9359,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9372,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9373,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9400,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9420,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9434,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9435,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9462,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9463,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9482,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9483,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9496,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9497,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9524,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9525,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9544,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9545,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9552,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9553,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9568,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9589,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9590,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9599,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9600,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9612,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9624,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9648,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9670,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9676,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9677,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9690,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9691,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9718,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9723,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9724,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9733,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9734,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9759,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9773,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9801,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
*/
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; }
div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; }
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0;
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}
@font-face {
font-family: 'icomoon';
src:url('icon-fonts/icomoon.eot');
src:url('icon-fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('icon-fonts/icomoon.woff') format('woff'),
url('icon-fonts/icomoon.ttf') format('truetype'),
url('icon-fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-uniF47C, .icon-pencil, .icon-user, .icon-user-2, .icon-clock, .icon-clock-2, .icon-time, .icon-time-2, .icon-clock-3, .icon-clock-4, .icon-clock-5, .icon-clock-6, .icon-bookmark, .icon-bookmarks, .icon-bookmark-2, .icon-comment, .icon-bubble, .icon-bubbles, .icon-github, .icon-github-2, .icon-flickr, .icon-flickr-2, .icon-vimeo, .icon-vimeo-2, .icon-twitter, .icon-twitter-2, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-googleplus, .icon-googleplus-2, .icon-pinterest, .icon-pinterest-2, .icon-tumblr, .icon-tumblr-2, .icon-linkedin, .icon-linkedin-2, .icon-dribbble, .icon-dribbble-2, .icon-lastfm, .icon-lastfm-2, .icon-instagram, .icon-dropbox, .icon-evernote, .icon-skype, .icon-skype-2, .icon-renren, .icon-picasa, .icon-soundcloud, .icon-behance, .icon-wordpress, .icon-wordpress-2, .icon-feed, .icon-feed-2, .icon-mail, .icon-mail-2, .icon-youtube, .icon-youtube-2, .icon-phone, .icon-phone-2, .icon-phone-3, .icon-pencil-2, .icon-cloud-ul, .icon-suitcase, .icon-airplane, .icon-unlocked, .icon-bell, .icon-globe, .icon-greenhosting, .icon-picture, .icon-briefcase, .icon-pencil-3, .icon-feather, .icon-pen, .icon-pen-2, .icon-chat, .icon-comments, .icon-coins, .icon-cart, .icon-basket, .icon-cart-2, .icon-cart-3, .icon-arrow-right, .icon-arrow-right-alt1, .icon-checkmark, .icon-download, .icon-cloud-dl, .icon-download-2, .icon-cross, .icon-cancel-circle, .icon-remove, .icon-search, .icon-settings4, .icon-cogs, .icon-cogs-2, .icon-cloud, .icon-pointer, .icon-search-2, .icon-trashcan, .icon-droplet, .icon-eye, .icon-switch, .icon-target, .icon-location, .icon-close, .icon-checkmark-2, .icon-munis, .icon-plus, .icon-close-2, .icon-divide, .icon-minus, .icon-plus-2, .icon-equals, .icon-cancel, .icon-minus-2, .icon-checkmark-3, .icon-equals-2, .icon-mobile, .icon-tablet, .icon-phone-4, .icon-bars, .icon-stack, .icon-battery, .icon-battery-2, .icon-battery-3, .icon-calculator, .icon-bolt, .icon-list, .icon-grid, .icon-list-2, .icon-list-3, .icon-layout, .icon-equalizer, .icon-equalizer-2, .icon-cog, .icon-window, .icon-window-2, .icon-window-3, .icon-locked, .icon-shield, .icon-cart-4, .icon-file-download, .icon-file-upload, .icon-bars-2, .icon-chart, .icon-stats, .icon-arrow-right-2, .icon-arrow-left, .icon-arrow-down, .icon-arrow-up, .icon-arrow-right-3, .icon-arrow-left-2, .icon-arrow-up-2, .icon-arrow-down-2, .icon-arrow-down-left, .icon-arrow-down-right, .icon-arrow-up-left, .icon-arrow-up-right, .icon-arrow-left-3, .icon-arrow-right-4, .icon-arrow-down-3, .icon-arrow-up-3, .icon-move, .icon-movie, .icon-refresh, .icon-music, .icon-camera, .icon-film, .icon-tablet-2, .icon-ipod, .icon-mouse, .icon-monitor, .icon-star, .icon-envelope, .icon-comment-2, .icon-user-3, .icon-upload, .icon-checked, .icon-circles, .icon-link, .icon-flag, .icon-stop, .icon-play, .icon-pause, .icon-next, .icon-previous, .icon-drink, .icon-mug, .icon-compass, .icon-calendar, .icon-home, .icon-tie, .icon-image, .icon-intersection, .icon-capslock, .icon-triangle, .icon-compass-2, .icon-diamond, .icon-checkmark-4, .icon-uniF470, .icon-uniF471, .icon-uniF472, .icon-uniF473, .icon-uniF474, .icon-uniF475, .icon-uniF476, .icon-uniF477, .icon-uniF478, .icon-uniF479, .icon-uniF47A, .icon-uniF47B, .icon-uniF47D, .icon-uniF47E, .icon-uniF47F, .icon-uniF480, .icon-uniF482, .icon-uniF484, .icon-uniF485, .icon-uniF486, .icon-uniF487, .icon-uniF488, .icon-uniF489, .icon-uniF48A, .icon-uniF48B, .icon-cannon, .icon-route, .icon-gameboy, .icon-desklamp, .icon-speed, .icon-danger, .icon-searchdocument, .icon-pictureframe, .icon-firefox, .icon-teapot, .icon-apple, .icon-aperture, .icon-cherry, .icon-mushroom, .icon-bottle, .icon-muffin, .icon-eightball, .icon-speaker, .icon-watch, .icon-snowman, .icon-favoritefile, .icon-handpointright, .icon-handpointleft, .icon-handpointdown, .icon-raceflag, .icon-doghouse, .icon-addtocart, .icon-emptycart, .icon-lastfm-3, .icon-taxi, .icon-alienware, .icon-visa, .icon-circleleft, .icon-circledown, .icon-circleup, .icon-circleright, .icon-tea, .icon-foodtray, .icon-chef, .icon-bat, .icon-addfriend, .icon-removefriend, .icon-resistor, .icon-uniF000, .icon-scales, .icon-uniF00B, .icon-uniF00C, .icon-uniF00D, .icon-uniF013, .icon-uniF014, .icon-uptime, .icon-value, .icon-domain2, .icon-affiliate, .icon-intel, .icon-link-2, .icon-email, .icon-security2, .icon-barchart, .icon-uni0430, .icon-price, .icon-websitebuilder, .icon-shoppingcart, .icon-spam2, .icon-emailforward2, .icon-authentication, .icon-error2, .icon-wrench, .icon-html5, .icon-css3, .icon-phpbb, .icon-joomla, .icon-wordpress-3, .icon-drupal, .icon-refresh-2, .icon-codeigniter, .icon-query, .icon-push, .icon-pull, .icon-sc, .icon-mailinglists, .icon-emailtrace, .icon-fourohfour, .icon-images, .icon-search-3, .icon-presentation, .icon-rawaccesslogs, .icon-document, .icon-paste, .icon-trash, .icon-trashfull, .icon-circleselect, .icon-circledelete, .icon-circleadd, .icon-handpointup, .icon-handdrag, .icon-handtwofingers, .icon-diskspace2, .icon-volumefull, .icon-volumehalf, .icon-volumemute, .icon-volumemute2, .icon-iphone, .icon-nexus, .icon-mobile-2, .icon-powerplug, .icon-imac, .icon-wifi, .icon-download-3, .icon-upload-2, .icon-list-4, .icon-power, .icon-loading, .icon-comment-3, .icon-comment2, .icon-post, .icon-loved, .icon-user-4, .icon-friends, .icon-thumbup, .icon-thumbdown, .icon-favorite, .icon-favorite2, .icon-happy, .icon-sad, .icon-youtube-3, .icon-phone2, .icon-phone3, .icon-dribbble-3, .icon-skype-3, .icon-facebook-4, .icon-chrome, .icon-yahoo, .icon-delicious, .icon-reddit, .icon-phone-5, .icon-incomingcall, .icon-outgoingcall, .icon-missedcall, .icon-googleplus-3, .icon-linkedin-3, .icon-blogger, .icon-vimeo-3, .icon-twitter-3, .icon-path, .icon-share, .icon-evernote-2, .icon-play2, .icon-fastforward, .icon-rewind, .icon-play-2, .icon-stop-2, .icon-pause-2, .icon-voice, .icon-equalizer-3, .icon-ipod-2, .icon-videocamera, .icon-video3, .icon-camera-2, .icon-headphones2, .icon-font, .icon-crop, .icon-insertpictureleft, .icon-bold, .icon-italic, .icon-creativecommons, .icon-wizard2, .icon-maps, .icon-water, .icon-calendar-2, .icon-clock-7, .icon-gasstation, .icon-stopwatch, .icon-umbrella, .icon-gpsoff, .icon-gpson, .icon-checkin, .icon-clock2, .icon-watertap, .icon-airplane-2, .icon-shipping, .icon-piggybank, .icon-dollar2, .icon-euro2, .icon-pound2, .icon-yen2, .icon-briefcase2, .icon-law, .icon-paypal, .icon-skrill, .icon-alertpay, .icon-westernunion, .icon-moneybag, .icon-cash, .icon-flaskfull, .icon-paperclip, .icon-paperclip2, .icon-paperclip3, .icon-megaphone, .icon-student, .icon-fence, .icon-lamp, .icon-plaque, .icon-trophy, .icon-controllerps, .icon-starhalf, .icon-starfull, .icon-starempty, .icon-lifeempty, .icon-lifehalf, .icon-lifefull, .icon-warmedal, .icon-medal, .icon-medalgold, .icon-medalsilver, .icon-medalbronze, .icon-tennis, .icon-americanfootball, .icon-diamonds, .icon-settings5, .icon-info, .icon-zoomin, .icon-zoomout, .icon-quoteup, .icon-quotedown, .icon-undo, .icon-redo, .icon-lightbulb, .icon-mail-3, .icon-mobile-3, .icon-phone-6, .icon-directions, .icon-link-3, .icon-star-2, .icon-star-3, .icon-heart, .icon-heart-2, .icon-thumbs-up, .icon-thumbs-down, .icon-share-2, .icon-target-2, .icon-quote, .icon-bell-2, .icon-tools, .icon-tag, .icon-new, .icon-calendar-3, .icon-brush, .icon-cone, .icon-screen, .icon-database, .icon-pie, .icon-bars-3, .icon-login, .icon-logout, .icon-checkmark-5, .icon-cross-2, .icon-plus-3, .icon-minus-3, .icon-erase, .icon-info-2, .icon-info-3, .icon-question, .icon-help, .icon-warning, .icon-shuffle, .icon-switch-2, .icon-upload-3, .icon-download-4, .icon-video, .icon-bookmark-3, .icon-bookmarks-2, .icon-play-3, .icon-pause-3, .icon-record, .icon-stop-3, .icon-next-2, .icon-previous-2, .icon-first, .icon-last, .icon-cc, .icon-vk, .icon-smashing, .icon-paypal-2, .icon-github-sign, .icon-ticket, .icon-ticket-2, .icon-ticket-3, .icon-eye-2, .icon-eye-blocked, .icon-sigma, .icon-omega, .icon-google-plus, .icon-google-plus-2, .icon-facebook-5, .icon-facebook-6, .icon-twitter-4, .icon-twitter-5, .icon-twitter-6, .icon-feed-3, .icon-facebook-7, .icon-google-plus-3, .icon-vimeo-4, .icon-vimeo2, .icon-vimeo-5, .icon-flickr-3, .icon-flickr-4, .icon-flickr-5, .icon-picassa, .icon-picassa-2, .icon-dribbble-4, .icon-dribbble-5, .icon-dribbble-6, .icon-github-3, .icon-github-4, .icon-deviantart, .icon-deviantart-2, .icon-tumblr-3, .icon-tumblr-4, .icon-blogger-2, .icon-blogger-3, .icon-android, .icon-windows, .icon-skype-4, .icon-linkedin-4, .icon-lastfm-4, .icon-lastfm-5, .icon-stumbleupon, .icon-stumbleupon-2, .icon-pinterest-3, .icon-pinterest-4, .icon-paypal-3, .icon-paypal-4, .icon-chrome-2, .icon-firefox-2, .icon-html5-2, .icon-css3-2, .icon-IE, .icon-opera, .icon-safari, .icon-html5-3, .icon-file-xml, .icon-apple-2, .icon-checkmark-6, .icon-cancel-2, .icon-arrow-left-alt1, .icon-arrow-up-alt1, .icon-arrow-down-alt1 {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-uniF47C:before {
content: "\f47c";
}
.icon-pencil:before {
content: "\e001";
}
.icon-user:before {
content: "\e005";
}
.icon-user-2:before {
content: "\e006";
}
.icon-clock:before {
content: "\e007";
}
.icon-clock-2:before {
content: "\e008";
}
.icon-time:before {
content: "\f017";
}
.icon-time-2:before {
content: "\e009";
}
.icon-clock-3:before {
content: "\e00a";
}
.icon-clock-4:before {
content: "\e00b";
}
.icon-clock-5:before {
content: "\e00c";
}
.icon-clock-6:before {
content: "\e00d";
}
.icon-bookmark:before {
content: "\e012";
}
.icon-bookmarks:before {
content: "\e013";
}
.icon-bookmark-2:before {
content: "\e014";
}
.icon-comment:before {
content: "\e016";
}
.icon-bubble:before {
content: "\e017";
}
.icon-bubbles:before {
content: "\e018";
}
.icon-github:before {
content: "\e01f";
}
.icon-github-2:before {
content: "\e020";
}
.icon-flickr:before {
content: "\e021";
}
.icon-flickr-2:before {
content: "\e022";
}
.icon-vimeo:before {
content: "\e023";
}
.icon-vimeo-2:before {
content: "\e024";
}
.icon-twitter:before {
content: "\e025";
}
.icon-twitter-2:before {
content: "\e026";
}
.icon-facebook:before {
content: "\e027";
}
.icon-facebook-2:before {
content: "\e028";
}
.icon-facebook-3:before {
content: "\e029";
}
.icon-googleplus:before {
content: "\e02a";
}
.icon-googleplus-2:before {
content: "\e02b";
}
.icon-pinterest:before {
content: "\e02c";
}
.icon-pinterest-2:before {
content: "\e02d";
}
.icon-tumblr:before {
content: "\e02e";
}
.icon-tumblr-2:before {
content: "\e02f";
}
.icon-linkedin:before {
content: "\e030";
}
.icon-linkedin-2:before {
content: "\e031";
}
.icon-dribbble:before {
content: "\e032";
}
.icon-dribbble-2:before {
content: "\e033";
}
.icon-lastfm:before {
content: "\e034";
}
.icon-lastfm-2:before {
content: "\e035";
}
.icon-instagram:before {
content: "\e036";
}
.icon-dropbox:before {
content: "\e037";
}
.icon-evernote:before {
content: "\e038";
}
.icon-skype:before {
content: "\e039";
}
.icon-skype-2:before {
content: "\e03a";
}
.icon-renren:before {
content: "\e03b";
}
.icon-picasa:before {
content: "\e03c";
}
.icon-soundcloud:before {
content: "\e03d";
}
.icon-behance:before {
content: "\e03e";
}
.icon-wordpress:before {
content: "\e03f";
}
.icon-wordpress-2:before {
content: "\e040";
}
.icon-feed:before {
content: "\e041";
}
.icon-feed-2:before {
content: "\e042";
}
.icon-mail:before {
content: "\e043";
}
.icon-mail-2:before {
content: "\e044";
}
.icon-youtube:before {
content: "\e045";
}
.icon-youtube-2:before {
content: "\e046";
}
.icon-phone:before {
content: "\e047";
}
.icon-phone-2:before {
content: "\e048";
}
.icon-phone-3:before {
content: "\f095";
}
.icon-pencil-2:before {
content: "\e000";
}
.icon-cloud-ul:before {
content: "\e010";
}
.icon-suitcase:before {
content: "\e049";
}
.icon-airplane:before {
content: "\e04a";
}
.icon-unlocked:before {
content: "\e04b";
}
.icon-bell:before {
content: "\2407";
}
.icon-globe:before {
content: "\f36c";
}
.icon-greenhosting:before {
content: "\f039";
}
.icon-picture:before {
content: "\e04c";
}
.icon-briefcase:before {
content: "\e04d";
}
.icon-pencil-3:before {
content: "\e04e";
}
.icon-feather:before {
content: "\e002";
}
.icon-pen:before {
content: "\e003";
}
.icon-pen-2:before {
content: "\e004";
}
.icon-chat:before {
content: "\e00f";
}
.icon-comments:before {
content: "\e01d";
}
.icon-coins:before {
content: "\e011";
}
.icon-cart:before {
content: "\e015";
}
.icon-basket:before {
content: "\e019";
}
.icon-cart-2:before {
content: "\e01a";
}
.icon-cart-3:before {
content: "\e01b";
}
.icon-arrow-right:before {
content: "\e01c";
}
.icon-arrow-right-alt1:before {
content: "\e01e";
}
.icon-checkmark:before {
content: "\e050";
}
.icon-download:before {
content: "\e051";
}
.icon-cloud-dl:before {
content: "\e052";
}
.icon-download-2:before {
content: "\e053";
}
.icon-cross:before {
content: "\e054";
}
.icon-cancel-circle:before {
content: "\e055";
}
.icon-remove:before {
content: "\e056";
}
.icon-search:before {
content: "\e00e";
}
.icon-settings4:before {
content: "\f308";
}
.icon-cogs:before {
content: "\f085";
}
.icon-cogs-2:before {
content: "\e058";
}
.icon-cloud:before {
content: "\e04f";
}
.icon-pointer:before {
content: "\e057";
}
.icon-search-2:before {
content: "\e059";
}
.icon-trashcan:before {
content: "\e05a";
}
.icon-droplet:before {
content: "\e05b";
}
.icon-eye:before {
content: "\e05c";
}
.icon-switch:before {
content: "\e05d";
}
.icon-target:before {
content: "\e05e";
}
.icon-location:before {
content: "\e05f";
}
.icon-close:before {
content: "\e060";
}
.icon-checkmark-2:before {
content: "\e061";
}
.icon-munis:before {
content: "\e062";
}
.icon-plus:before {
content: "\e063";
}
.icon-close-2:before {
content: "\e064";
}
.icon-divide:before {
content: "\e065";
}
.icon-minus:before {
content: "\e066";
}
.icon-plus-2:before {
content: "\e067";
}
.icon-equals:before {
content: "\e068";
}
.icon-cancel:before {
content: "\e069";
}
.icon-minus-2:before {
content: "\e06a";
}
.icon-checkmark-3:before {
content: "\e06b";
}
.icon-equals-2:before {
content: "\e06c";
}
.icon-mobile:before {
content: "\e06d";
}
.icon-tablet:before {
content: "\e06e";
}
.icon-phone-4:before {
content: "\e06f";
}
.icon-bars:before {
content: "\e070";
}
.icon-stack:before {
content: "\e071";
}
.icon-battery:before {
content: "\e072";
}
.icon-battery-2:before {
content: "\e073";
}
.icon-battery-3:before {
content: "\e074";
}
.icon-calculator:before {
content: "\e075";
}
.icon-bolt:before {
content: "\e076";
}
.icon-list:before {
content: "\e077";
}
.icon-grid:before {
content: "\e078";
}
.icon-list-2:before {
content: "\e079";
}
.icon-list-3:before {
content: "\e07a";
}
.icon-layout:before {
content: "\e07b";
}
.icon-equalizer:before {
content: "\e07c";
}
.icon-equalizer-2:before {
content: "\e07d";
}
.icon-cog:before {
content: "\e07e";
}
.icon-window:before {
content: "\e07f";
}
.icon-window-2:before {
content: "\e080";
}
.icon-window-3:before {
content: "\e081";
}
.icon-locked:before {
content: "\e082";
}
.icon-shield:before {
content: "\e083";
}
.icon-cart-4:before {
content: "\e084";
}
.icon-file-download:before {
content: "\e085";
}
.icon-file-upload:before {
content: "\e086";
}
.icon-bars-2:before {
content: "\e087";
}
.icon-chart:before {
content: "\e088";
}
.icon-stats:before {
content: "\e089";
}
.icon-arrow-right-2:before {
content: "\e08a";
}
.icon-arrow-left:before {
content: "\e08b";
}
.icon-arrow-down:before {
content: "\e08c";
}
.icon-arrow-up:before {
content: "\e08d";
}
.icon-arrow-right-3:before {
content: "\e08e";
}
.icon-arrow-left-2:before {
content: "\e08f";
}
.icon-arrow-up-2:before {
content: "\e090";
}
.icon-arrow-down-2:before {
content: "\e091";
}
.icon-arrow-down-left:before {
content: "\e092";
}
.icon-arrow-down-right:before {
content: "\e093";
}
.icon-arrow-up-left:before {
content: "\e094";
}
.icon-arrow-up-right:before {
content: "\e095";
}
.icon-arrow-left-3:before {
content: "\e096";
}
.icon-arrow-right-4:before {
content: "\e097";
}
.icon-arrow-down-3:before {
content: "\e098";
}
.icon-arrow-up-3:before {
content: "\e099";
}
.icon-move:before {
content: "\e09a";
}
.icon-movie:before {
content: "\e09b";
}
.icon-refresh:before {
content: "\e09c";
}
.icon-music:before {
content: "\e09d";
}
.icon-camera:before {
content: "\e09e";
}
.icon-film:before {
content: "\e09f";
}
.icon-tablet-2:before {
content: "\e0a0";
}
.icon-ipod:before {
content: "\e0a1";
}
.icon-mouse:before {
content: "\e0a2";
}
.icon-monitor:before {
content: "\e0a3";
}
.icon-star:before {
content: "\e0a4";
}
.icon-envelope:before {
content: "\e0a5";
}
.icon-comment-2:before {
content: "\e0a6";
}
.icon-user-3:before {
content: "\e0a7";
}
.icon-upload:before {
content: "\e0a8";
}
.icon-checked:before {
content: "\e0a9";
}
.icon-circles:before {
content: "\e0aa";
}
.icon-link:before {
content: "\e0ab";
}
.icon-flag:before {
content: "\e0ac";
}
.icon-stop:before {
content: "\e0ad";
}
.icon-play:before {
content: "\e0ae";
}
.icon-pause:before {
content: "\e0af";
}
.icon-next:before {
content: "\e0b0";
}
.icon-previous:before {
content: "\e0b1";
}
.icon-drink:before {
content: "\e0b2";
}
.icon-mug:before {
content: "\e0b3";
}
.icon-compass:before {
content: "\e0b4";
}
.icon-calendar:before {
content: "\e0b5";
}
.icon-home:before {
content: "\21b8";
}
.icon-tie:before {
content: "\2040";
}
.icon-image:before {
content: "\22b7";
}
.icon-intersection:before {
content: "\2229";
}
.icon-capslock:before {
content: "\21ea";
}
.icon-triangle:before {
content: "\25b3";
}
.icon-compass-2:before {
content: "\263c";
}
.icon-diamond:before {
content: "\2666";
}
.icon-checkmark-4:before {
content: "\2713";
}
.icon-uniF470:before {
content: "\f470";
}
.icon-uniF471:before {
content: "\f471";
}
.icon-uniF472:before {
content: "\f472";
}
.icon-uniF473:before {
content: "\f473";
}
.icon-uniF474:before {
content: "\f474";
}
.icon-uniF475:before {
content: "\f475";
}
.icon-uniF476:before {
content: "\f476";
}
.icon-uniF477:before {
content: "\f477";
}
.icon-uniF478:before {
content: "\f478";
}
.icon-uniF479:before {
content: "\f479";
}
.icon-uniF47A:before {
content: "\f47a";
}
.icon-uniF47B:before {
content: "\f47b";
}
.icon-uniF47D:before {
content: "\f47d";
}
.icon-uniF47E:before {
content: "\f47e";
}
.icon-uniF47F:before {
content: "\f47f";
}
.icon-uniF480:before {
content: "\f480";
}
.icon-uniF482:before {
content: "\f482";
}
.icon-uniF484:before {
content: "\f484";
}
.icon-uniF485:before {
content: "\f485";
}
.icon-uniF486:before {
content: "\f486";
}
.icon-uniF487:before {
content: "\f487";
}
.icon-uniF488:before {
content: "\f488";
}
.icon-uniF489:before {
content: "\f489";
}
.icon-uniF48A:before {
content: "\f48a";
}
.icon-uniF48B:before {
content: "\f48b";
}
.icon-cannon:before {
content: "\f401";
}
.icon-route:before {
content: "\f402";
}
.icon-gameboy:before {
content: "\f403";
}
.icon-desklamp:before {
content: "\f412";
}
.icon-speed:before {
content: "\f40b";
}
.icon-danger:before {
content: "\f415";
}
.icon-searchdocument:before {
content: "\f419";
}
.icon-pictureframe:before {
content: "\f41e";
}
.icon-firefox:before {
content: "\f420";
}
.icon-teapot:before {
content: "\f42c";
}
.icon-apple:before {
content: "\f34e";
}
.icon-aperture:before {
content: "\f356";
}
.icon-cherry:before {
content: "\f35d";
}
.icon-mushroom:before {
content: "\f35e";
}
.icon-bottle:before {
content: "\f361";
}
.icon-muffin:before {
content: "\f363";
}
.icon-eightball:before {
content: "\f36e";
}
.icon-speaker:before {
content: "\f372";
}
.icon-watch:before {
content: "\f378";
}
.icon-snowman:before {
content: "\f37c";
}
.icon-favoritefile:before {
content: "\f381";
}
.icon-handpointright:before {
content: "\f388";
}
.icon-handpointleft:before {
content: "\f389";
}
.icon-handpointdown:before {
content: "\f387";
}
.icon-raceflag:before {
content: "\f38e";
}
.icon-doghouse:before {
content: "\f38f";
}
.icon-addtocart:before {
content: "\f394";
}
.icon-emptycart:before {
content: "\f395";
}
.icon-lastfm-3:before {
content: "\f3a3";
}
.icon-taxi:before {
content: "\f3a4";
}
.icon-alienware:before {
content: "\f3be";
}
.icon-visa:before {
content: "\f3c2";
}
.icon-circleleft:before {
content: "\f3c6";
}
.icon-circledown:before {
content: "\f3c7";
}
.icon-circleup:before {
content: "\f3c8";
}
.icon-circleright:before {
content: "\f3c9";
}
.icon-tea:before {
content: "\f3cb";
}
.icon-foodtray:before {
content: "\f3d0";
}
.icon-chef:before {
content: "\f3ce";
}
.icon-bat:before {
content: "\f3d3";
}
.icon-addfriend:before {
content: "\f3da";
}
.icon-removefriend:before {
content: "\f3db";
}
.icon-resistor:before {
content: "\f3eb";
}
.icon-uniF000:before {
content: "\f000";
}
.icon-scales:before {
content: "\f3fd";
}
.icon-uniF00B:before {
content: "\f00b";
}
.icon-uniF00C:before {
content: "\f00c";
}
.icon-uniF00D:before {
content: "\f00d";
}
.icon-uniF013:before {
content: "\f013";
}
.icon-uniF014:before {
content: "\f014";
}
.icon-uptime:before {
content: "\e0b6";
}
.icon-value:before {
content: "\f018";
}
.icon-domain2:before {
content: "\f01c";
}
.icon-affiliate:before {
content: "\f01e";
}
.icon-intel:before {
content: "\f01f";
}
.icon-link-2:before {
content: "\f022";
}
.icon-email:before {
content: "\f028";
}
.icon-security2:before {
content: "\f02e";
}
.icon-barchart:before {
content: "\f02f";
}
.icon-uni0430:before {
content: "\f030";
}
.icon-price:before {
content: "\f032";
}
.icon-websitebuilder:before {
content: "\f034";
}
.icon-shoppingcart:before {
content: "\f035";
}
.icon-spam2:before {
content: "\f048";
}
.icon-emailforward2:before {
content: "\f049";
}
.icon-authentication:before {
content: "\f051";
}
.icon-error2:before {
content: "\f05a";
}
.icon-wrench:before {
content: "\f05b";
}
.icon-html5:before {
content: "\f069";
}
.icon-css3:before {
content: "\f06a";
}
.icon-phpbb:before {
content: "\f063";
}
.icon-joomla:before {
content: "\f073";
}
.icon-wordpress-3:before {
content: "\f074";
}
.icon-drupal:before {
content: "\f075";
}
.icon-refresh-2:before {
content: "\f078";
}
.icon-codeigniter:before {
content: "\f077";
}
.icon-query:before {
content: "\f08a";
}
.icon-push:before {
content: "\f088";
}
.icon-pull:before {
content: "\f089";
}
.icon-sc:before {
content: "\f08d";
}
.icon-mailinglists:before {
content: "\f090";
}
.icon-emailtrace:before {
content: "\f091";
}
.icon-fourohfour:before {
content: "\f09d";
}
.icon-images:before {
content: "\f09f";
}
.icon-search-3:before {
content: "\f0c5";
}
.icon-presentation:before {
content: "\f0c4";
}
.icon-rawaccesslogs:before {
content: "\f0c1";
}
.icon-document:before {
content: "\f0c2";
}
.icon-paste:before {
content: "\f0cb";
}
.icon-trash:before {
content: "\f0ce";
}
.icon-trashfull:before {
content: "\f0d0";
}
.icon-circleselect:before {
content: "\f0d3";
}
.icon-circledelete:before {
content: "\f0d2";
}
.icon-circleadd:before {
content: "\f0d1";
}
.icon-handpointup:before {
content: "\f0dd";
}
.icon-handdrag:before {
content: "\f0de";
}
.icon-handtwofingers:before {
content: "\f0df";
}
.icon-diskspace2:before {
content: "\f0e0";
}
.icon-volumefull:before {
content: "\f0e2";
}
.icon-volumehalf:before {
content: "\f0e3";
}
.icon-volumemute:before {
content: "\f0e4";
}
.icon-volumemute2:before {
content: "\f0e5";
}
.icon-iphone:before {
content: "\f0e6";
}
.icon-nexus:before {
content: "\f0e7";
}
.icon-mobile-2:before {
content: "\f0e8";
}
.icon-powerplug:before {
content: "\f0ed";
}
.icon-imac:before {
content: "\f0fb";
}
.icon-wifi:before {
content: "\f0ff";
}
.icon-download-3:before {
content: "\f11a";
}
.icon-upload-2:before {
content: "\f11b";
}
.icon-list-4:before {
content: "\f113";
}
.icon-power:before {
content: "\f11d";
}
.icon-loading:before {
content: "\f122";
}
.icon-comment-3:before {
content: "\f12c";
}
.icon-comment2:before {
content: "\f12d";
}
.icon-post:before {
content: "\f12e";
}
.icon-loved:before {
content: "\f131";
}
.icon-user-4:before {
content: "\f133";
}
.icon-friends:before {
content: "\f134";
}
.icon-thumbup:before {
content: "\f138";
}
.icon-thumbdown:before {
content: "\f139";
}
.icon-favorite:before {
content: "\f13a";
}
.icon-favorite2:before {
content: "\f13b";
}
.icon-happy:before {
content: "\f13c";
}
.icon-sad:before {
content: "\f13d";
}
.icon-youtube-3:before {
content: "\f142";
}
.icon-phone2:before {
content: "\f148";
}
.icon-phone3:before {
content: "\f149";
}
.icon-dribbble-3:before {
content: "\f14c";
}
.icon-skype-3:before {
content: "\f141";
}
.icon-facebook-4:before {
content: "\f140";
}
.icon-chrome:before {
content: "\f14e";
}
.icon-yahoo:before {
content: "\f151";
}
.icon-delicious:before {
content: "\f152";
}
.icon-reddit:before {
content: "\f154";
}
.icon-phone-5:before {
content: "\f15b";
}
.icon-incomingcall:before {
content: "\f15d";
}
.icon-outgoingcall:before {
content: "\f15e";
}
.icon-missedcall:before {
content: "\f15c";
}
.icon-googleplus-3:before {
content: "\f165";
}
.icon-linkedin-3:before {
content: "\f166";
}
.icon-blogger:before {
content: "\f167";
}
.icon-vimeo-3:before {
content: "\f168";
}
.icon-twitter-3:before {
content: "\f16a";
}
.icon-path:before {
content: "\f169";
}
.icon-share:before {
content: "\f16c";
}
.icon-evernote-2:before {
content: "\f17c";
}
.icon-play2:before {
content: "\f17e";
}
.icon-fastforward:before {
content: "\f182";
}
.icon-rewind:before {
content: "\f183";
}
.icon-play-2:before {
content: "\f184";
}
.icon-stop-2:before {
content: "\f185";
}
.icon-pause-2:before {
content: "\f186";
}
.icon-voice:before {
content: "\f18c";
}
.icon-equalizer-3:before {
content: "\f18e";
}
.icon-ipod-2:before {
content: "\f190";
}
.icon-videocamera:before {
content: "\f19c";
}
.icon-video3:before {
content: "\f19d";
}
.icon-camera-2:before {
content: "\f19b";
}
.icon-headphones2:before {
content: "\f1a3";
}
.icon-font:before {
content: "\f1ae";
}
.icon-crop:before {
content: "\f1af";
}
.icon-insertpictureleft:before {
content: "\f1e1";
}
.icon-bold:before {
content: "\f1f4";
}
.icon-italic:before {
content: "\f1f5";
}
.icon-creativecommons:before {
content: "\f1fc";
}
.icon-wizard2:before {
content: "\f1fb";
}
.icon-maps:before {
content: "\f209";
}
.icon-water:before {
content: "\f208";
}
.icon-calendar-2:before {
content: "\f20f";
}
.icon-clock-7:before {
content: "\f210";
}
.icon-gasstation:before {
content: "\f216";
}
.icon-stopwatch:before {
content: "\f219";
}
.icon-umbrella:before {
content: "\f218";
}
.icon-gpsoff:before {
content: "\f21e";
}
.icon-gpson:before {
content: "\f21f";
}
.icon-checkin:before {
content: "\f223";
}
.icon-clock2:before {
content: "\f22b";
}
.icon-watertap:before {
content: "\f22d";
}
.icon-airplane-2:before {
content: "\f23e";
}
.icon-shipping:before {
content: "\f23f";
}
.icon-piggybank:before {
content: "\f257";
}
.icon-dollar2:before {
content: "\f259";
}
.icon-euro2:before {
content: "\f25a";
}
.icon-pound2:before {
content: "\f25c";
}
.icon-yen2:before {
content: "\f25d";
}
.icon-briefcase2:before {
content: "\f25e";
}
.icon-law:before {
content: "\f263";
}
.icon-paypal:before {
content: "\f267";
}
.icon-skrill:before {
content: "\f268";
}
.icon-alertpay:before {
content: "\f269";
}
.icon-westernunion:before {
content: "\f26a";
}
.icon-moneybag:before {
content: "\f271";
}
.icon-cash:before {
content: "\f27b";
}
.icon-flaskfull:before {
content: "\f27e";
}
.icon-paperclip:before {
content: "\f284";
}
.icon-paperclip2:before {
content: "\f285";
}
.icon-paperclip3:before {
content: "\f286";
}
.icon-megaphone:before {
content: "\f287";
}
.icon-student:before {
content: "\f288";
}
.icon-fence:before {
content: "\f2af";
}
.icon-lamp:before {
content: "\f2b1";
}
.icon-plaque:before {
content: "\f2b8";
}
.icon-trophy:before {
content: "\f2d7";
}
.icon-controllerps:before {
content: "\f2d1";
}
.icon-starhalf:before {
content: "\f2df";
}
.icon-starfull:before {
content: "\f2e0";
}
.icon-starempty:before {
content: "\f2de";
}
.icon-lifeempty:before {
content: "\f2e1";
}
.icon-lifehalf:before {
content: "\f2e2";
}
.icon-lifefull:before {
content: "\f2e3";
}
.icon-warmedal:before {
content: "\f2e4";
}
.icon-medal:before {
content: "\f2e5";
}
.icon-medalgold:before {
content: "\f2e6";
}
.icon-medalsilver:before {
content: "\f2e7";
}
.icon-medalbronze:before {
content: "\f2e8";
}
.icon-tennis:before {
content: "\f2ea";
}
.icon-americanfootball:before {
content: "\f2ec";
}
.icon-diamonds:before {
content: "\f2f7";
}
.icon-settings5:before {
content: "\f309";
}
.icon-info:before {
content: "\f315";
}
.icon-zoomin:before {
content: "\f320";
}
.icon-zoomout:before {
content: "\f321";
}
.icon-quoteup:before {
content: "\f328";
}
.icon-quotedown:before {
content: "\f329";
}
.icon-undo:before {
content: "\f32a";
}
.icon-redo:before {
content: "\f32b";
}
.icon-lightbulb:before {
content: "\f338";
}
.icon-mail-3:before {
content: "\e0b7";
}
.icon-mobile-3:before {
content: "\e0b8";
}
.icon-phone-6:before {
content: "\e0b9";
}
.icon-directions:before {
content: "\e0ba";
}
.icon-link-3:before {
content: "\e0bb";
}
.icon-star-2:before {
content: "\e0bc";
}
.icon-star-3:before {
content: "\e0bd";
}
.icon-heart:before {
content: "\e0be";
}
.icon-heart-2:before {
content: "\e0bf";
}
.icon-thumbs-up:before {
content: "\e0c0";
}
.icon-thumbs-down:before {
content: "\e0c1";
}
.icon-share-2:before {
content: "\e0c2";
}
.icon-target-2:before {
content: "\e0c3";
}
.icon-quote:before {
content: "\e0c4";
}
.icon-bell-2:before {
content: "\e0c5";
}
.icon-tools:before {
content: "\e0c6";
}
.icon-tag:before {
content: "\e0c7";
}
.icon-new:before {
content: "\e0c8";
}
.icon-calendar-3:before {
content: "\e0c9";
}
.icon-brush:before {
content: "\e0ca";
}
.icon-cone:before {
content: "\e0cb";
}
.icon-screen:before {
content: "\e0cc";
}
.icon-database:before {
content: "\e0cd";
}
.icon-pie:before {
content: "\e0ce";
}
.icon-bars-3:before {
content: "\e0cf";
}
.icon-login:before {
content: "\e0d0";
}
.icon-logout:before {
content: "\e0d1";
}
.icon-checkmark-5:before {
content: "\e0d2";
}
.icon-cross-2:before {
content: "\e0d3";
}
.icon-plus-3:before {
content: "\e0d4";
}
.icon-minus-3:before {
content: "\e0d5";
}
.icon-erase:before {
content: "\e0d6";
}
.icon-info-2:before {
content: "\e0d7";
}
.icon-info-3:before {
content: "\e0d8";
}
.icon-question:before {
content: "\e0d9";
}
.icon-help:before {
content: "\e0da";
}
.icon-warning:before {
content: "\e0db";
}
.icon-shuffle:before {
content: "\e0dc";
}
.icon-switch-2:before {
content: "\e0dd";
}
.icon-upload-3:before {
content: "\e0de";
}
.icon-download-4:before {
content: "\e0df";
}
.icon-video:before {
content: "\e0e0";
}
.icon-bookmark-3:before {
content: "\e0e1";
}
.icon-bookmarks-2:before {
content: "\e0e2";
}
.icon-play-3:before {
content: "\e0e3";
}
.icon-pause-3:before {
content: "\e0e4";
}
.icon-record:before {
content: "\e0e5";
}
.icon-stop-3:before {
content: "\e0e6";
}
.icon-next-2:before {
content: "\e0e7";
}
.icon-previous-2:before {
content: "\e0e8";
}
.icon-first:before {
content: "\e0e9";
}
.icon-last:before {
content: "\e0ea";
}
.icon-cc:before {
content: "\e0eb";
}
.icon-vk:before {
content: "\e0ec";
}
.icon-smashing:before {
content: "\e0ed";
}
.icon-paypal-2:before {
content: "\e0ee";
}
.icon-github-sign:before {
content: "\f092";
}
.icon-ticket:before {
content: "\e0ef";
}
.icon-ticket-2:before {
content: "\e0f0";
}
.icon-ticket-3:before {
content: "\e0f1";
}
.icon-eye-2:before {
content: "\e0f2";
}
.icon-eye-blocked:before {
content: "\e0f3";
}
.icon-sigma:before {
content: "\e0f4";
}
.icon-omega:before {
content: "\e0f5";
}
.icon-google-plus:before {
content: "\e0f6";
}
.icon-google-plus-2:before {
content: "\e0f7";
}
.icon-facebook-5:before {
content: "\e0f9";
}
.icon-facebook-6:before {
content: "\e0fa";
}
.icon-twitter-4:before {
content: "\e0fb";
}
.icon-twitter-5:before {
content: "\e0fc";
}
.icon-twitter-6:before {
content: "\e0f8";
}
.icon-feed-3:before {
content: "\e0fd";
}
.icon-facebook-7:before {
content: "\e0fe";
}
.icon-google-plus-3:before {
content: "\e0ff";
}
.icon-vimeo-4:before {
content: "\e100";
}
.icon-vimeo2:before {
content: "\e101";
}
.icon-vimeo-5:before {
content: "\e102";
}
.icon-flickr-3:before {
content: "\e103";
}
.icon-flickr-4:before {
content: "\e104";
}
.icon-flickr-5:before {
content: "\e105";
}
.icon-picassa:before {
content: "\e106";
}
.icon-picassa-2:before {
content: "\e107";
}
.icon-dribbble-4:before {
content: "\e108";
}
.icon-dribbble-5:before {
content: "\e109";
}
.icon-dribbble-6:before {
content: "\e10a";
}
.icon-github-3:before {
content: "\e10b";
}
.icon-github-4:before {
content: "\e10c";
}
.icon-deviantart:before {
content: "\e10d";
}
.icon-deviantart-2:before {
content: "\e10e";
}
.icon-tumblr-3:before {
content: "\e10f";
}
.icon-tumblr-4:before {
content: "\e110";
}
.icon-blogger-2:before {
content: "\e111";
}
.icon-blogger-3:before {
content: "\e112";
}
.icon-android:before {
content: "\e113";
}
.icon-windows:before {
content: "\e114";
}
.icon-skype-4:before {
content: "\e115";
}
.icon-linkedin-4:before {
content: "\e116";
}
.icon-lastfm-4:before {
content: "\e117";
}
.icon-lastfm-5:before {
content: "\e118";
}
.icon-stumbleupon:before {
content: "\e119";
}
.icon-stumbleupon-2:before {
content: "\e11a";
}
.icon-pinterest-3:before {
content: "\e11b";
}
.icon-pinterest-4:before {
content: "\e11c";
}
.icon-paypal-3:before {
content: "\e11d";
}
.icon-paypal-4:before {
content: "\e11e";
}
.icon-chrome-2:before {
content: "\e11f";
}
.icon-firefox-2:before {
content: "\e120";
}
.icon-html5-2:before {
content: "\e121";
}
.icon-css3-2:before {
content: "\e122";
}
.icon-IE:before {
content: "\e123";
}
.icon-opera:before {
content: "\e124";
}
.icon-safari:before {
content: "\e125";
}
.icon-html5-3:before {
content: "\e126";
}
.icon-file-xml:before {
content: "\e127";
}
.icon-apple-2:before {
content: "\e128";
}
.icon-checkmark-6:before {
content: "\e129";
}
.icon-cancel-2:before {
content: "\e12a";
}
.icon-arrow-left-alt1:before {
content: "\e12b";
}
.icon-arrow-up-alt1:before {
content: "\e12c";
}
.icon-arrow-down-alt1:before {
content: "\e12d";
}
/*
Theme Name: Enigmatic
Theme URI: http://www.portfoliotheme.org/enigmatic
Description: A clean, responsive, seo-optimized Corporate theme from LiveMesh. Follow us on Twitter for updates
Version: 1.1
Author: LiveMesh
Author URI: http://www.portfoliotheme.org/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, theme-options, threaded-comments, translation-ready
*/
/* --- Default fonts to be used unless overridden by user in theme options panel --*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300);
/* Serif font */
/* --------- Reset default browser CSS. http://meyerweb.com/eric/tools/css/reset/index.html ----------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0;
/* TODO - revisit. Leads to lots of inheritance and overriding. See csswizardry for better reset. font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; */
margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus {
/* remember to define focus styles! */
outline: 0; }
body { background: #fff; }
ol, ul { list-style: none; }
nav ul { list-style: none; }
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; display: block; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
/*----------- Clearfix for floats ----------- */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/*--------- General ------------ */
body { color: #777; font: 13px/22px 'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-weight: 400; font-style: normal; }
body.boxed { height: 100%; width: 100%; }
.boxed #container-wrap { margin: 0px auto; box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); }
#container { clear: both; background-color: #f9f9f9; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
/*--------- Alignment ------------ */
.center { text-align: center; position: relative; margin-left: auto; margin-right: auto; }
.left { text-align: left; }
.right { text-align: right; }
.alignleft { float: left; margin: 0 20px 5px 0; }
.alignright { float: right; margin: 0 0 0 20px; }
.aligncenter { display: block; margin: 0 auto 20px auto; clear: both; }
.block, .alignnone { display: block; margin: 0 0 20px 0; }
/*------------------- Basic Styling ------------------------------------*/
/* Heading styling */
h1, h2, h3, h4, h5, h6 { font-family: 'Rokkitt', 'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 600; padding: 0; color: #656162; }
h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 26px; line-height: 40px; }
h3 { font-size: 22px; line-height: 30px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 16px; line-height: 26px; }
h6 { font-size: 14px; line-height: 24px; }
h1, h2 { margin-bottom: 20px; }
h3, h4, h5, h6 { margin-bottom: 10px; }
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg a { color: #fafafa !important; }
.dark-bg p, .dark-bg div { color: #e5e5e5; }
/* List Style */
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: upper-alpha; }
ol ol ol ol ol { list-style: lower-alpha; }
ul { margin: 0 0 20px 18px; }
ol { margin: 0 0 20px 28px; }
ul li, ol li { margin: 5px; }
ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; }
ul.post-list { margin: 0; }
ul.post-list a, ul.post-list a:active, ul.post-list a:visited { color: #666; }
ul.post-list a:hover { color: #46A5D5; }
ul.post-list li { margin: 0; }
dl { margin: 0 0 18px 3px; }
dl dt { font-weight: bold; margin: 12px 0 0 0; }
dl dd { margin: 6px 0 0 24px; }
.small { font-size: 11px; }
.large { font-size: 14px; }
cite, em, i { font: normal 13px/20px Merriweather, Georgia, Times, serif; }
/* Paragraphs */
p {
/* 12px */
/* 20px */
margin: 0 0 20px 0; }
p:empty { display: none; }
/* Input Boxes */
input, textarea { display: block; padding: 5px; border: 1px solid #dedede; font-family: inherit; }
/* Abbreviations */
abbr[title], dfn[title] { border-bottom: 0; cursor: auto; }
/*---------------- Media Styles ------------ */
img { display: block; height: auto; }
img.alignleft, .wp-caption.alignleft { margin: 5px 20px 10px 0; }
img.alignright, .wp-caption.alignright { margin: 5px 5px 10px 20px;; }
img.aligncenter, .wp-caption.aligncenter { display: block; margin: 0 auto; }
img.alignnone, .wp-caption.alignnone { display: block; margin: 5px 0 20px 0; }
.entry-content img, .comment-content img { overflow: hidden; }
.entry-content .thumbnail.large { float: none; margin: 0; padding: 0; width: 620px; }
/* ------------ Image Frame Styles ---------------- */
.image-box { display: block; }
.custom-img.image-box, .photo-frame.image-box { display: table; /* Use sparingly to avoid firefox max-width issue */
}
.image-container { position: relative; }
.image-frame { position: relative; background-color: #f7f7f7; }
.client-info .image-frame, .team-member .image-frame { background-color: transparent; }
.image-frame .image-area { position: relative; /* line-height: 0; */
}
.image-frame .image-area a { display: block; text-decoration: none; color: #fff; }
.image-frame .preloader { background: url(images/loader.gif) no-repeat scroll center center #eee; }
#bottom-area .image-frame .preloader { background: none; }
.image-container .thumbnail-shadow { width: 100% !important; display: block; }
.image-overlay { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; }
.image-area .image-overlay { background: url(images/thumbnail-hover.png) no-repeat scroll 50% 50% transparent; }
#content .image-frame img { visibility: hidden; opacity: 0; }
.rounded-img { border-radius: 50%; }
/*---------- Image Info Hover --------------------------*/
.image-info { z-index: 120; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(70, 165, 213, 0.8); display: none; text-align: center; }
.image-info h3.post-title { margin: 0; font-size: 18px; font-weight: 400; line-height: 20px; padding: 10px; /*transition*/
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; }
.image-info p.post-excerpt { color: #eee; opacity: 0; margin-top: 30px; }
.image-info:hover h3 { opacity: 1; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
.image-info:hover p { opacity: 1; -webkit-transform: translateY(80%); -moz-transform: translateY(80%); -ms-transform: translateY(80%); -o-transform: translateY(80%); transform: translateY(80%); }
.image-info .button-divider { background-color: white; left: 10%; bottom: 45px; width: 80%; height: 1px; position: absolute; /*transform*/
-webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); /*transition*/
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-info:hover .button-divider {
/*transform*/
-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.image-info .image-info-buttons { position: absolute; bottom: 10px; left: 50%; margin-left: -45px; /* center the buttons */
margin-top: -10px; width: 90px; }
.image-info a.post-link, .image-info a.lightbox-link { z-index: 110; float: left; margin: 6px; text-indent: -9999px; height: 18px; width: 20px; }
.image-info .terms { position: relative; top: 10%; }
.image-info .terms a { position: relative; display: inline; zoom: 1; }
.image-info a.lightbox-link { margin-right: 30px; }
.image-info a.post-link, .image-info a.lightbox-link { background-image: url(images/image-info-buttons.png); }
.image-info a.post-link { background-position: 0 -28px; opacity: 1; }
.image-info a.post-link:hover { opacity: 1; }
.image-info a.lightbox-link { background-position: -28px 0; opacity: 1; }
.image-info a.lightbox-link:hover { opacity: 1; }
/*------------------- Image captions --------- */
.wp-caption { background: #FAFAFA; border: 1px solid #DDD; line-height: 20px; margin-bottom: 20px; padding: 0; text-align: center;
max-width: 98%; /* To help prevent overflow of images and captions */;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.wp-caption img { margin: 5px 5px 0 5px; max-width: 98.5%; }
.wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; /* To help prevent overflow of images and captions */
}
/*----------- Links ---------------- */
a, a:active, a:visited { color: #46A5D5; text-decoration: none; }
a:hover { color: #888; text-decoration: none; }
/*----------------------- Table Styling --------- */
table { border: 1px solid #ddd; line-height: 20px; margin: 5px 0 15px 0; text-align: left; padding: 0 10px; }
thead, th { font-weight: bold; line-height: 20px; }
table .even { background: #eee; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 10px; text-align: center; vertical-align: middle; }
/*----------------- Code and Pre Styling ---------------- */
code, .code, pre, .pre { font: normal 13px/1.6 Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", monospace, Courier, "Courier New"; }
pre, .pre { display: block; overflow: auto; clear: both; padding: 10px; color: #555;
background: #FFF; border: 1px solid #EEE; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; width: 90%;
border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 6px solid #E9E7E0; }
code, .code { background-color: #f9f9f9; }
.code { background: url("images/bg-pre.gif") repeat scroll 0 0 #FFF; padding: 19px 10px; }
/*----------------- Entry meta styling ----------------------------------------------------------*/
.published, .byline, .entry-meta, .author { }
.bypostauthor { }
.sticky { }
/* --------- Read More Link ------------------ */
a.more-link { margin-top: 10px !important; text-transform: uppercase; letter-spacing: 1.2px;
background: url(images/arrow-more.png) right center no-repeat; padding-right: 25px;
-moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
a.more-link:hover { padding-right: 30px; }
div.more-link { clear: both; padding-top: 20px; }
/* --------- Header Styling - Social Container ------------------ */
#social-container { position: absolute; top: 10px; right: 0; display: none; }
#social-container ul { margin: 0; }
#social-container li { float: left; padding: 0; margin: 2px; vertical-align: top; list-style: none outside none; }
#social-container li a { display: block; float: left; margin: 0; padding: 0; width: 25px; height: 25px; text-indent: -9999px; /* Hide the text */
-moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#social-container a { background-image: url("images/icons/social-icons-normal.png"); background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
#social-container a:hover { background-image: url("images/icons/social-icons-hover.png"); }
#social-container .rss-feed a { background-position: -145px -9px; }
#social-container .facebook a { background-position: -10px -9px; }
#social-container .twitter a { background-position: -77px -9px; }
#social-container .linkedin a { background-position: -111px -9px; }
#social-container .googleplus a { background-position: -111px -9px; }
#social-container .flickr a { background-position: -43px -9px; }
/* ----------- Header Styling -------------------------*/
#header-area { display: block; position: relative; z-index: 600; /* Higher than the sidebar widget and widget container, sliders */
margin: 0; padding: 0; color: #BBB; }
#header { margin-left: auto; margin-right: auto; position: relative; height: 115px; }
#header-logo { position: absolute; left: 0; height: 30px; width: 185px; top: 30px; background-color: transparent; }
#site-title a { font-size: 32px; color: #e5e5e5; line-height: 40px; direction: ltr; display: block; text-align: left; text-indent: -999em; min-width: 182px; /* Do not let logo get bigger than the header */
min-height: 30px; }
#site-description { margin: 0; }
#sidebar-header { height: 90px; text-align: center; width: 728px; float: right; margin: 8px 10px 8px 0; padding: 1px; border: 1px solid #CCC; }
#header .sidebar { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; float: right; margin: 9px 0; }
#sidebar-header .widget { margin: 0; }
/* ------------ Main content area styling -----------------------------*/
#box-wrap { margin-top: 20px; }
/* Content */
#content { float: left; padding: 20px 0; }
#main { display: block; margin: 0 auto; padding: 0; }
/*----------- Breadcrumb trail ---------- */
.breadcrumbs { margin: 0 0 20px 0; color: #9A9A9A; font-size: 12px; }
.breadcrumbs .sep { margin: 0 2px; }
/*--------- Post List Styling ------------ */
.post-list .byline span i { display: none; }
#content div.post-list .hentry { padding: 15px 0; margin: 0; }
#content div.post-list .hentry .entry-title, ul.post-list li .entry-title { font-size: 16px; }
#content div.post-list .hentry .entry-title a { color: #545454; }
#content div.post-list .hentry .entry-summary { margin-top: 10px; }
#content div.post-list .thumbnail { display: block; float: left; margin: 0 10px 5px 0; }
ul.post-list { margin: 0; padding: 0; list-style: none; }
ul.post-list li { padding: 14px 0 15px; margin: 0; background: none; border-top: 1px dotted #ccc; overflow: hidden; }
ul.post-list li:first-child { border-top: 0 !important; }
ul.post-list .thumbnail { display: block; max-width: 100%; }
ul.post-list .image-container { float: left; }
ul.post-list .image-frame { margin: 0 15px 5px 0; background: #FEFEFE; }
ul.post-list.medium-size .image-frame { margin: 0 15px 5px 0; background: #FEFEFE; }
#sidebars-footer .widget ul.post-list .image-frame { padding: 0; background: none; border: 1px solid #bbb; }
ul.post-list .image-frame img { width: 90px; }
ul.post-list.medium-size .image-frame img { width: 121px; }
.widget ul.post-list .thumbnail { padding: 0; border: none; }
ul.post-list .entry-title a, .post-list .entry-title a:hover, .post-list .entry-title a:visited { font-style: normal; border: none; /* color: #545454; revisit */
}
ul.post-list .published, ul.post-list .byline, ul.post-list .entry-meta { font-size: 12px; }
ul.post-list .entry-meta, .post-list .byline { color: #888; margin-top: 10px; border-bottom: 0; text-transform: none; }
#bottom-area ul.post-list .entry-meta, #bottom-area .post-list .byline { color: #888; }
ul.post-list .entry-summary { margin-top: 10px !important; }
ul.post-list .published { margin-right: 10px; background: none; padding-right: 10px; border-right: 1px solid #888; }
#bottom-area ul.post-list .published { border-color: #aaa; }
/*------------ Widget Styling ----------- */
.widget { margin: 0 0 20px 0; overflow: hidden; }
.widget ul { list-style: none; }
.widget li { padding: 9px 0 10px; }
.widget li { padding-left: 18px; background: url('images/icons/bullet.png') no-repeat 5px 16px; border-top: 1px dashed #ccc;
-moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.widget li:hover { background-color: #f0f0f0; }
#sidebars-footer .widget li:hover { background-color: #4D5A5C; }
.widget li:first-child { border-top: 0 !important; }
.widget ul.children li { border-top: none; }
.widget-title { color: #666; font-size: 24px; font-weight: 400; padding: 10px 0; margin-bottom: 10px;
background: url(images/divider6.png) center bottom repeat-x; }
.widget .post-list .entry-text-wrap { float: none; }
/*---------------- Post Snippets ----------------------------------------------*/
.post-snippets-title { margin-bottom: 15px; word-spacing: 0; }
.post-snippets .hentry .entry-title { word-spacing: 0; margin: 0; }
.post-snippets .hentry .entry-title a { color: #666; font-size: 16px; display: block; }
.post-snippets .hentry .entry-summary { margin-top: 10px !important; }
.post-snippets .byline { font-size: 11px; color: #888; margin: 0 10px; padding-top: 10px; border-top: 1px dashed #ccc; font-family: 'Merriweather', Georgia, Times, serif; }
.post-snippets .published { margin-right: 10px; padding-right: 10px; border-right: 1px solid #aaa; }
.byline span i { color: #46a5d5; padding-right: 5px; }
.byline span:hover i { color: #888; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*----------------- Entry Content Styling ---------- */
.entry-content { margin-top: 20px; }
/*--------------- Generic Post and Archive Title Styling ---------------- */
.entry-title, .entry-title a { font-family: 'Rokkitt', 'Open Sans', Arial, Helvetica, Verdana, sans-serif; }
.post h1.entry-title { margin: 0; color: #666; }
#content .hentry h2.entry-title { margin: 0; }
#content .hentry h2.entry-title a { color: #666; margin: 0; }
#content .hentry .entry-meta { margin-top: 40px; position: relative; background: #f0f0f0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
font-family: 'Merriweather', Georgia, Times, serif; }
.single-post #content .hentry .entry-meta { margin-top: 20px; }
#content .hentry .entry-summary { margin-top: 10px; }
#content .taglist { display: inline-block; padding: 0px 10px 0px 15px !important }
#content .taglist .post_tag { margin-left: 10px; }
#content .taglist i { display: inline-block; }
#content .taglist span a { padding-left: 10px; }
.entry-meta span { display: inline-block; padding: 2px 10px 0; border-left: 1px solid #ddd; margin: 4px 0; }
.entry-meta span i { display: block; text-align: center; color: #46a5d5; font-size: 16px; }
.entry-meta span:hover i { color: #999; }
.entry-meta span a { color: #555; font-size: 11px; letter-spacing: 1px; line-height: 24px; }
.entry-meta span:hover a { color: #46a5d5; }
.entry-meta span:hover a, .entry-meta span:hover i { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.entry-meta span.published i { display: inline-block; position: absolute; font-size: 18px; }
.entry-meta span.published { background: none; border: none !important; position: relative; font-size: 18px; text-transform: uppercase }
abbr.published { cursor: default; }
.entry-meta .published abbr { font-size: 18px; letter-spacing: 1px; line-height: 30px; color: #333;
display: inline-block; padding: 0px 5px 0px 25px; position: relative; top: -5px; }
.entry-meta .category { background-position: -34px -18px; }
.entry-meta .author { background-position: -68px 16px; }
.entry-meta .comments-link { background-position: 2px -50px; }
/* Loop Meta */
.loop-meta { }
.loop-description { }
/* Tag/Category/Taxonomy Term Cloud widget */
.term-cloud { margin: 0; padding: 0 4px 10px; }
/*------------- Loop Navigation - Next/Previous Links ------------- */
.loop-nav { border-top: 1px solid #DEDEDE; }
.loop-nav a { font-size: 14px; }
.loop-nav .previous { margin-top: 19px; }
.loop-nav .next { margin-top: 20px; }
.loop-nav a, .loop-nav a:active, .loop-nav a:visited { color: #666; }
.loop-nav a:hover { color: #46A5D5; }
/* The next and previous portfolio entries in a single portfolio page */
.single-portfolio .loop-nav { clear: both; }
/*-------------- Gallery Styling ---------- */
.wp-smiley { margin: 0; }
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery img { border: 1px solid #ccc !important; display: inline; padding: 5px; background: #fafafa;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.gallery br+br { display: none; }
/* ---------- thumbnail-list styles ----------- */
#content.thumbnail-list .hentry { margin-bottom: 80px; padding: 0; position: relative; }
#content.thumbnail-list .hentry.first { }
.thumbnail-list .image-container, .thumbnail-list .thumbnail-slider-container, .thumbnail-list .video-box { display: block; float: left; margin-right: 4%; }
.thumbnail-list .thumbnail { padding: 0; margin: 0; }
.thumbnail-list .entry-text-wrap { margin: 0; float: left; display: block; }
img-list .entry-text-wrap.nothumbnail { width: 100% !important; }
.thumbnail-list .entry-text-wrap.nothumbnail { width: 100% !important; }
.thumbnail-list .image-container, .thumbnail-list .thumbnail-slider-container, .thumbnail-list .video-box { width: 41.7%; }
.thumbnail-list img { width: 100%; }
.thumbnail-list .entry-text-wrap { width: 54%; }
/** --------------------- Default Archive List styles ------------------------ **/
#content.default-list .hentry { margin-bottom: 80px; padding: 0; }
#content.default-list .hentry.first { }
.default-list .image-container { margin-bottom: 20px; }
.default-list .entry-text-wrap { width: 100%; clear: both; }
.default-list .image-frame { display: block; margin: 0; }
.default-list .thumbnail { float: none; margin: 0; padding: 0; }
.default-list img { width: 100%; }
/** ---------------------------- Grid List styles -------------------------------- **/
.start-row { clear: both; border-bottom: 1px solid #eee; }
.grid-list .image-container { margin-bottom: 20px; }
.grid-list .entry-text-wrap.nothumbnail { }
#content.grid-list .hentry { margin-bottom: 80px; }
#content.grid-list .hentry.first { }
.grid-list .image-frame { display: block; margin: 0; overflow: hidden; }
.grid-list .thumbnail { float: none; margin: 0; padding: 0; border: none; }
.grid-list img { width: 100%; }
/*--------- Generic Blog Styling ------ */
.thumbnail-slider-container { margin-bottom: 25px; }
/* ----------- Single Post Styling ------------ */
.single img.featured { margin-bottom: 20px; width: 100%; }
.single .featured-slider-container { margin-bottom: 40px; }
/* The thumbnails sizes and frame sizes for grid layout are managed under a common grid framework used for portfolio pages below */
/*------------------- In Page Page Links Styling ----------------- */
.page-links, .pagination { clear: both; margin: 60px 0 60px 0; text-transform: uppercase; }
#content.grid-list .pagination { margin-top: 0; }
.page-links a, .pagination a, .pagination span.current, .page-links a:visited,
.pagination a:visited { padding: 6px 12px; margin: 0 2px; font-size: 11px; text-align: center; text-decoration: none; background: #616161; color: #e9e9e9; }
.pagination span.current, .page-links a:hover, .pagination a:hover { color: #f8f2f2; background: #46A5D5; }
.page-links a:active, .pagination a:active { position: relative; top: 1px; }
.pagination span.pages { float: right; }
.ajax-portfolio .pagination { visibility: hidden; margin: 0; }
/** ----------------------- Sidebar Widget Styling ---------------------------------- **/
.sidebar { }
.sidebar a, .sidebar a:active, .sidebar a:visited { color: #666; }
.sidebar a:hover { color: #46A5D5; }
.sidebar-right-nav, .sidebar-left-nav { position: relative; display: block; min-height: 230px; }
.sidebar-right-nav { float: right !important; }
.sidebar-left-nav { float: left; }
.sidebar-right-nav div, .sidebar-left-nav div { position: relative; z-index: 2; /* Make sure the widgets themselves have higher priority in rendering */
}
#sidebar-after-singular .post-list li, #sidebar-primary .post-list li, #sidebar-secondary .post-list li { padding: 10px 0 !important; }
.sidebar ul.post-list .entry-meta, .sidebar .post-list .byline { margin-top: 6px !important; }
.sidebar .hentry .entry-summary { margin-top: 5px !important; }
/* Custom Singular Widgets Styling */
#sidebar-after-singular { margin-top: 15px; }
#sidebar-after-singular .widget { margin-right: 20px; width: 300px; float: left; }
/*------------------- Posts List for Widgets etc.-------------- */
.widget ol, .widget ul { margin: 0; }
.widget ol li, .widget ul li { margin: 0; }
/*--------- Bottom Area Footer Widget Area ------------ */
#bottom-area-wrap { border-top: 10px solid #eaeaea; }
#bottom-area { display: block; margin: 0; padding: 0; /* Helps the area not show up with its background painted if there are no widgets in footer area */
color: #adaaaa; background-color: #3D484A; border-bottom: 1px solid #888; }
#bottom-area a, #bottom-area a:visited { color: #bbb; font-style: normal; }
#bottom-area a:active, #bottom-area a:hover { color: #eee; }
#sidebars-footer { clear: both; margin: 0 auto; padding: 50px 0 40px 0; }
#sidebars-footer .widget-title { color: #ddd; }
#sidebars-footer .widget .entry-title a, #sidebars-footer .widget .entry-title a:visited { font-style: normal; }
#sidebars-footer .widget .term-cloud a, #sidebars-footer .widget .term-cloud a:visited { font-style: normal; }
#sidebars-footer .widget a .thumbnail, #sidebars-footer .widget a:hover .thumbnail { }
#sidebars-footer .widget li { border-top: 1px dashed #808080; }
#sidebars-footer .widget li:first-child { border-top: none; }
#sidebars-footer .widget ul.children li { border-bottom: none; }
#sidebars-footer ul.post-list li { }
/*--------- Footer ------------ */
#footer { clear: both; width: 100%; padding: 0; margin: 0 auto; color: #bbb; border-top: none; margin: 0 auto; overflow: hidden; background-color: #3D484A; }
#footer-wrap { overflow: hidden; margin: 0 auto; }
#footer a, #footer a:visited { color: #aaa; font-style: normal; }
#footer a:active, #footer a:hover { color: #EEE; }
#footer-text { display: inline; margin: 0; padding: 30px 0; float: left; }
/*--------- Page Templates ------------ */
/*-------------- starter1 styles -------------- */
.starter1 .entry-text-wrap { width: 390px; }
.starter1 .entry-text-wrap.nothumbnail { width: 620px !important; }
/*----------- Custom Home Pages - Default Styling --------------- */
#top-area { display: block; margin: 0; padding: 0; /* Helps the area not show up with its background painted if there are no widgets in footer area */
}
#showcase-area { clear: both; margin: 0 auto; }
#showcase-area .widget { margin: 0; border-bottom: 1px solid #ddd; }
#showcase-area .widget-inside { }
#slider-wrap { clear: both; margin: 0 auto; width: 100%; background: #3F3B39; }
#slider-wrap .image-frame, #slider-wrap .image-area { background: none; box-shadow: none; border: none; }
#sidebar-slider-area-home {
/*padding: 40px 20px 20px;*/
}
#before-content-area-home { padding: 40px 0 0; margin: 0 auto; }
#before-content-wrap.title-area { display: block; background: -o-linear-gradient(bottom, #46A5D5 1%, #65A5F1 51%);
background: -moz-linear-gradient(bottom, #46A5D5 1%, #65A5F1 51%); background: -webkit-linear-gradient(bottom, #46A5D5 1%, #65A5F1 51%);
background: -ms-linear-gradient(bottom, #46A5D5 1%, #65A5F1 51%); background: linear-gradient(bottom, #46A5D5 1%, #65A5F1 51%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #46A5D5), color-stop(0.51, #65A5F1));
background-color: #46A5D5; border-bottom: 1px solid #3faed1; }
#before-content-area h1, #before-content-area h2 { margin-bottom: 20px; color: #f8f8f8; font-weight: 600; font-size: 36px; line-height: 50px; }
#before-content-area p { color: #f8f8f8; }
#before-content-area { padding: 39px 0 9px; }
#custom-before-content-area { }
#custom-before-content-area-wrap { border-top: 1px solid #eee; overflow: hidden; }
#before-content-area #text-3 { margin-bottom: 30px; }
#before-content-area a, #before-content-area a:active, #before-content-area a:visited { color: #46A5D5; }
#before-content-area a:hover { color: #666; }
/*---------- Advanced Home Page styles ----------------------------------*/
.advanced1 .post-list li .hentry { float: left; width: 210px; padding: 0 !important; }
ul.advanced1 a img { padding: 2px; }
/* ---------- Portfolio Home Page Styling ---------- */
.portfolio-home #showcase-area { border-top: 10px solid #EAEAEA; }
.portfolio-home ul.image-grid, .portfolio-home .image-grid li { border: none; background: none; }
.portfolio-home .image-grid li { margin-bottom: 2% !important; padding: 0 !important; margin-top: 0; }
.portfolio-home ul.image-grid .image-container { margin-right: 1px !important; margin-bottom: 1px !important; }
.portfolio-home ul.image-grid img { width: 100%; }
/*-------------- Portfolio Templates -------------- */
#portfolio-full-width .entry-text-wrap, #portfolio-template .entry-text-wrap, .post-snippets .hentry .entry-text-wrap { text-align: center; padding-top: 10px; }
#portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title { font-size: 18px; line-height: 40px; letter-spacing: 0; font-weight: 600; }
#portfolio-full-width .portfolio .entry-summary, #portfolio-template .portfolio .entry-summary,
.post-snippets .hentry .entry-summary { color: #888; padding: 9px 0 10px; border-top: 1px solid #c9c9c9; margin: 10px 20px 0; }
#portfolio-template .hfeed .clear { padding: 25px 0; }
#portfolio-full-width .hfeed .clear { padding: 35px 0; }
#portfolio-full-width .thumbnail, #portfolio-template .thumbnail, .full-width-snippets img { width: 100%; }
/*----------- Portfolio Isotope support ------- */
ul.image-grid { list-style-type: none; margin: 0; }
ul.image-grid li, div.image-grid div.hentry, .post-snippets div.hentry { float: left; background: #fff; padding-bottom: 10px;
margin-bottom: 20px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 5px solid #dadada;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#portfolio-filter { list-style-type: none; margin-bottom: 36px; margin-top: 10px; }
#portfolio-template #portfolio-filter { margin-top: 15px; }
#content #portfolio-items { margin-bottom: 80px; }
#portfolio-filter li { display: inline-block; margin: 10px 0px 0px 10px; }
#portfolio-filter li:first-child { margin: 0 20px 0 0; }
#portfolio-filter a { background: #616161; color: #e9e9e9; text-transform: uppercase; display: inline-block; cursor: pointer; padding: 2px 12px; }
#portfolio-filter a:hover { color: #f8f2f2; background: #46A5D5; }
/*----------- Portfolio Single Post ------- */
.portfolio-info { margin: 10px 0; }
.portfolio-label { text-transform: uppercase; display: block; color: #999790; border-top: 1px dashed #b3b0a8; padding: 0; margin: 0; }
.portfolio-sidebar p { margin: 15px 0 5px; font-size: 14px; font-weight: 600; color: rgb(85, 80, 80); }
.portfolio-description { margin-top: 30px; margin-bottom: 30px; font-size: 13px; }
.portfolio-description .portfolio-label { margin-top: 10px;; }
/* End TODO */
/* Custom Styling for Yet Another Related Posts Plugin - TODO: Consider moving to custom.css */
#yarpp-related-posts { margin-top: 15px; }
#yarpp-related-posts div.post-list img { border: 0; padding: 0; width: 186px; }
#yarpp-related-posts div.post-list .entry-text-wrap { width: 194px; /* To avoid text moving to the side */; }
#yarpp-related-posts h3.title { font-size: 16px; word-spacing: 0; padding-top: 12px; border-top: 1px solid #ddd; }
/*---------- Full Width Snippets of Posts, raw HTML etc. ---------- */
.full-width-snippets .clear { margin: 20px 0; display: block; height: 1px; }
/*-------------- Contact Info ----------- */
.team-info .name { font-size: 16px; }
.team-info .job-desc { margin: 5px 0; }
.team-info .email, .team-info .phone { background-image: url('images/icons/widget-sprite.png'); background-repeat: no-repeat; padding-left: 32px; }
.team-info .email { background-position: -46px -49px; }
.team-info .phone { background-position: -72px -27px; }
/* ----------- Miscelleneous ------------- */
#sitemap-template h2, #archives-template h2, .archive h2 { font-size: 24px; color: #666; text-transform: uppercase; font-weight: 700; }
/*--------------------------------------------------------------------*/
/* SHORTCODES
/*--------------------------------------------------------------------*/
/*----------------- Highlighting --------------- */
.highlight1 { background: #ffff99; }
.highlight2 { background: #555; color: #FFF; }
/*----------------------- Pull Quotes --------- */
.pullquote { font: normal 16px/30px Merriweather, Georgia, Times, serif; font-weight: 300; margin: 0; padding: 0; color: #555; }
.quote-wrap.alignleft { float: left; width: 230px; margin: 0 20px 0 0; border-top: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignleft .pullquote { border-top: 1px dotted #555; padding-top: 14px; }
.quote-wrap.alignright { float: right; width: 230px; margin: 0 0 0 20px; border-top: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignright .pullquote { border-top: 1px dotted #555; padding-top: 14px; }
.quote-wrap.alignnone { border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignnone .pullquote { border-top: 1px dotted #555; border-bottom: 1px dotted #555; padding-top: 21px; padding-bottom: 21px; }
blockquote { font: normal 16px/30px Merriweather, Georgia, Times, serif; font-weight: 300; color: #555; padding: 5px 15px 5px 50px;
background: url("images/quote.png") no-repeat scroll 0 0 transparent; overflow: hidden; }
blockquote .author, blockquote em, blockquote i, blockquote cite { color: #555; font-style: normal; font-size: 11px; font-weight: 400; }
blockquote.alignleft { margin: 0px 20px 0 0; width: 230px; }
blockquote.alignright { margin: 0px 0 0 20px; width: 230px; }
blockquote p { margin-bottom: 10px; }
/*--------------------- Begin Typography: List Styles ----------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12,
ul.list13, list-none { position: relative; overflow: hidden; margin: 5px 0px 5px 4px; }
ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li,
ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list-none li { margin: 0 0 5px 0; padding: 0 0 2px 28px; list-style: none outside none; }
ul.list1 li { background: url('images/icons/bullet-arrow.png') no-repeat -2px 5px; padding-left: 20px; }
ul.list2 li { background: url(images/icons/check.png) no-repeat scroll 3px 5px transparent; }
ul.list3 li { background: url(images/icons/fugue/arrow.png) no-repeat scroll 0 3px transparent; }
ul.list4 li { background: url(images/icons/fugue/heart.png) no-repeat scroll 0 3px transparent; }
ul.list5 li { background: url(images/icons/fugue/light-bulb.png) no-repeat scroll 0 3px transparent; }
ul.list6 li { background: url(images/icons/fugue/share.png) no-repeat scroll 0 3px transparent; }
ul.list7 li { background: url(images/icons/fugue/sticky-note-pin.png) no-repeat scroll 0 3px transparent; }
ul.list8 li { background: url(images/icons/fugue/medal.png) no-repeat scroll 0 3px transparent; }
ul.list9 li { background: url(images/icons/fugue/fire.png) no-repeat scroll 0 3px transparent; }
ul.list10 li { background: url(images/icons/fugue/star.png) no-repeat scroll 0 3px transparent; }
ul.list11 li { background: url(images/icons/fugue/feed.png) no-repeat scroll 0 3px transparent; }
ul.list12 li { background: url(images/icons/fugue/balloon-twitter.png) no-repeat scroll 0 3px transparent; }
ul.list13 li { background: url(images/icons/fugue/card-address.png) no-repeat scroll 0 3px transparent; }
ul.list-none li { position: relative; overflow: hidden; }
/** ---------------------------------- RSS Block --------------- */
.rss-block { background: #EAEAFF; border: 1px solid #CCCCFF; padding: 10px; margin: 10px 0; clear: both;
font: normal 13px/1.5 Merriweather, Georgia, Times, serif; word-spacing: 2px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 7px; border-radius: 3px; }
/** ---------------------------------- Paypal Donate Button --------------- */
.donate-button, .donate-button-plus { display: block; text-indent: -9999px; }
.donate-button-plus { background: url(images/btn_donateCC_LG.gif) no-repeat scroll 0 3px transparent; width: 155px; height: 55px; }
.donate-button { background: url(images/btn_donate_LG.gif) no-repeat scroll 0 3px transparent; width: 100px; height: 36px; }
/** ---------------------------------- Adsense Block --------------- */
.adsense-block { width: 300px; height: 250px; padding: 2px; border: 1px solid #ddd; }
.adsense-block.alignleft { float: left; margin: 10px 15px 12px 0; }
.adsense-block.alignright { float: right; margin: 10px 0 12px 15px; }
/*---------------- Typography - Dropcaps ---------- */
.dropcap1 { font-size: 36px; line-height: 40px; }
.dropcap1 { margin: 0 12px 0 0; color: #666; text-shadow: 1px 1px 4px #888; -moz-text-shadow: 1px 1px 4px #888; -webkit-text-shadow: 1px 1px 4px #888; }
.dropcap2, .dropcap3, .dropcap4, .dropcap5 { float: left; text-align: center; font-size: 24px; line-height: 40px; }
.dropcap2, .dropcap3, .dropcap4, .dropcap5 { width: 42px; height: 42px; margin: 5px 10px 0 0;
background-color: #46A5D5; background-repeat: no-repeat; color: #fff; text-shadow: 0px 0px 1px #fff; -moz-text-shadow: 0px 0px 1px #fff; -webkit-text-shadow: 0px 0px 1px #fff; }
.dropcap2 { background-image: url("images/dropcap1.png"); }
.dropcap3 { background-image: url("images/dropcap2.png"); }
.dropcap4 { background-image: url("images/dropcap3.png"); }
.dropcap5 { background-image: url("images/dropcap4.png"); }
/*----------------------- Divider Styling --------------------------------------------*/
.divider { position: relative; display: block; clear: both; border-bottom: 1px solid #e0e0e0; width: 100%; padding-top: 19px; margin-bottom: 40px; margin-top: 40px; }
.divider-space { position: relative; display: block; clear: both; width: 100%; padding-top: 20px; margin-bottom: 20px; margin-top: 20px; }
.divider-line { position: relative; display: block; clear: both; border-bottom: 1px solid #bbb; width: 100%; margin-bottom: 19px; line-height: 0; }
.divider-fancy { position: relative; display: block; clear: both; width: 100%; margin-top: 60px; margin-bottom: 39px; height: 1px;
background: url('images/border-gradient.png') no-repeat center center; }
.header-fancy { padding: 0 10px; display: block; clear: both; width: 100%; margin-top: 35px; margin-bottom: 40px;
background: url('images/content-horizontal-seperator.png') no-repeat center center;
text-align: center; height: 28px; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; }
.header-fancy span { display: inline-block; padding: 4px 16px;
background-image: none !important; background-color: #46a5d5; color: #fff; font-size: 12px; word-spacing: 3px; }
.mini-separator { height: 1px; width: 85px; background-color: #aaa; }
.mini-separator-thick { height: 4px; width: 85px; background-color: #777; margin-top: 20px; }
h3.fancy-header { font-size: 12px; letter-spacing: 2px; color: white;
background-color: #46a5d5; text-transform: uppercase; text-align: center; margin: 0 auto; display: inline-block; padding: 5px 20px; }
.top-of-page { position: relative; text-align: right; font-size: 10px; margin-bottom: 25px; line-height: 1.2; }
.top-of-page a, .top-of-page a:active, .top-of-page a:visited { color: #999; }
.top-of-page a:hover { color: #46A5D5; }
/*-------------------- Box Styles ---------- */
.message-box { padding: 15px 10px 0px 52px !important; margin: 20px 0 !important; background: #EEE; word-spacing: 1px;
-moz-border-radius: 5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #555; overflow: auto; }
.message-box .contents { margin: 0 0 15px 0; }
.message-box code { background: transparent; margin: 0 2px; }
.message-box .title { text-transform: uppercase; margin: 0 0 5px 0; font-size: 14px; }
.message-box p { margin: 0 0 10px 0; }
.info { background: #E8F8FF url('images/icons/farm-fresh/information.png') no-repeat scroll 10px 15px; border: 1px solid #c6ebfb; }
.note { background: #FEFED6 url('images/icons/farm-fresh/note_edit.png') no-repeat scroll 10px 15px; border: 1px solid #EDED03; }
.attention { background: #F0F4F9 url('images/icons/farm-fresh/bell.png') no-repeat scroll 10px 15px; border: 1px solid #C9B8BD; }
.warning { background: #FCF5E2 url('images/icons/farm-fresh/error.png') no-repeat scroll 10px 15px; border: 1px solid #F4DC9D; }
.tip { background: #FAF2EF url('images/icons/farm-fresh/lightbulb.png') no-repeat scroll 10px 15px; border: 1px solid #ECCDC1; }
.success { background: #E8F8D8 url('images/icons/farm-fresh/tick.png') no-repeat scroll 10px 15px; border: 1px solid #cae88c; }
.errors { background: #FFF4F4 url('images/icons/farm-fresh/cancel.png') no-repeat scroll 10px 15px; border: 1px solid #ffd9d9; }
.box-frame, .box-frame2 { position: relative; border: 1px solid #d9d9d9; margin: 20px 0; background: #FAFAFA;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
.box-frame { padding: 20px; }
.box-frame2 .box-header { font-size: 16px; border-bottom: 1px solid #D1D1D1; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
background-color: #FFF; background-image: -moz-linear-gradient(top, white, #F1F1F1);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F1F1F1), color-stop(1, white));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
text-shadow: 0 1px #eee; text-align: center; padding: 8px 30px; }
.box-frame2 .box-contents { padding: 10px 20px; }
.threecol .box-frame2 .box-contents { padding: 15px 10px; }
.fourcol .box-frame2 .box-contents { padding: 20px; }
/*---------------- Column shortcodes ------------------------------------------------------------------------------------*/
/* ------- Based on the 1140px Grid V2 by Andy Taylor \ http://cssgrid.net ------ */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }
.onecol { width: 4.85%; }
.twocol { width: 13.45%; }
.threecol { width: 22.05%; }
.fourcol { width: 30.75%; }
.fivecol { width: 39.45%; }
.sixcol { width: 48%; }
.sevencol { width: 56.75%; }
.eightcol { width: 65.4%; }
.ninecol { width: 74.05%; }
.tencol { width: 82.7%; }
.elevencol { width: 91.35%; }
.twelvecol, .fullwidth { width: 100%; float: left; }
.last { margin-right: 0px !important; }
.segment, .segment-content { overflow: hidden; position: relative; }
.segment { padding: 70px 0; }
.first-segment { border-top: 10px solid #eaeaea; }
.first-segment.regular-heading { padding-top: 60px; }
.last-segment { border-bottom: 10px solid #eaeaea; }
.segment .floating-text { position: absolute; top: 0; left: 50%; right: 50%; /* Align in the center and leave position to individual elements */
overflow: hidden; }
/*--------- No margin columns ----*/
.zero-margin { margin-left: 0; }
.threecol.zero-margin { width: 25%; }
.fourcol.zero-margin { width: 33.3%; }
.sixcol.zero-margin { width: 50%; }
/* Dual margin columns with margins on both sides used mainly for drawing middle lines/borders */
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin { padding-right: 1.9%; padding-left: 1.9%; margin: 0; }
.dual-margin.first, .dual-margin:first-child { padding-left: 0; }
.dual-margin.last, .last.dual-margin, .dual-margin:last-child { padding-right: 0; }
.mini-column, .maxi-column { float: left; position: relative; }
.mini-column { width: 16.8%; margin-right: 4%; }
.maxi-column { width: 79.2%; }
/*---------- Grid for portfolio items and posts grid layout ------------------*/
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol { margin-right: 2%; /* Count the last column too for now */
margin-left: 0; }
.image-grid .sixcol { width: 48%; }
.image-grid .fourcol { width: 31.2%; }
.image-grid .threecol { width: 23%; }
/* --------- No margin column styling for portfolio items -------------- */
.sixcol.zero-margin { width: 50%; }
.fourcol.zero-margin { width: 33.3%; }
.threecol.zero-margin { width: 24.96%; }
#content .zero-margin { margin-right: 0 !important; }
/* --------- Toggle ------------------------*/
.toggle { position: relative; margin: 0; background: white; }
.toggle.first { margin-top: 25px; }
.toggle.get-code { padding-bottom: 15px; border-bottom: 1px solid #eee; background: #FEFEFE; }
.toggle-label { cursor: pointer; background: url("images/toggle-button-plus.png") no-repeat scroll right bottom #f5f5f5;
padding: 15px 25px 15px 15px; margin: 1px 0; border: 1px solid #eee; font-size: 14px; }
.toggle-label:hover { background-color: #f6f6f6; }
.active-toggle .toggle-label { background-image: url("images/toggle-button-minus.png"); margin-bottom: 0; border-bottom: 0; }
.active-toggle .toggle-label:hover { background-color: #f6f6f6; }
.toggle-content { display: none; padding: 15px 0 10px 40px; border: 1px solid #eee; clear: both; overflow: hidden; }
/* jQuery Tabs */
/* root element for tabs */
.tabs { list-style: none; margin: 0 !important; padding: 0; }
/* single tab */
.tabs li { float: left; padding: 0; margin: 0 2px -1px 0 !important; background: white; height: 30px; border-radius: 0; }
/* single tab */
.tabs li:first-child { margin-left: 0 !important; }
.tabs a { display: block; height: 24px; text-align: center; text-decoration: none; padding: 4px 20px 0; margin: 0; position: relative;
background: #F7F7F7; vertical-align: middle; color: #666 !important; border: 1px solid #DDD; }
.tabs a:active { outline: none; }
.tabs a:hover { background: #Fff; }
.tabs .current, .tabs .current:hover, .tabs li.current a { cursor: default !important; color: #555 !important; background: #fff;
padding: 4px 20px 0; border-top: 2px solid #46A5D5; border-bottom: none; }
.panes { clear: both; }
/* initially all panes are hidden */
.panes .pane { padding: 20px; border: 1px solid #DDD; display: block; background: #fff;
-moz-box-shadow: 1px 1px 1px #eee; -webkit-box-shadow: 1px 1px 1px #eee; box-shadow: 1px 1px 1px #eee;
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
/*---------- Form Styles ------- */
.contact-form { margin-bottom: 25px; }
#content .contact-form { }
#content .contact-form input, #content .contact-form textarea { padding: 14px; margin: 5px 0 5px; font-size: 14px; color: #888;
border: 1px solid #eee; }
::-webkit-input-placeholder { text-transform: uppercase; font-style: italic; }
::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; font-style: italic; }
:-ms-input-placeholder { text-transform: uppercase; font-style: italic; }
#content .contact-form textarea { height: 150px; }
#content .contact-form label { display: none; /* Hide the labels */
}
#content .contact-form .human-check label { display: inline-block; }
#content .contact-form .human-check input { display: inline-block; margin-left: 15px; font-style: normal; }
.contact-form button { display: block; }
#content .contact-form fieldset p { display: inline-block; margin-right: 2%; width: 48%; position: relative; }
#content .contact-form fieldset p.human-check { display: block; }
#content .contact-form fieldset p.text-area { display: block; width: 98%; }
.contact-form .text-input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#bottom-area .contact-form .text-input, #bottom-area .contact-form textarea { width: 90%; border-radius: 2px; font-size: 14px; }
#bottom-area .contact-form textarea { height: 80px; }
.contact-form textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact-form label { text-transform: uppercase; display: block; font-size: 16px; }
.contact-form label.form-error, label.form-error {
/* remove the next line when you have trouble in IE6 with labels in list */
float: left; color: rgb(221, 30, 14); font-style: normal; font-size: 13px; text-transform: none; text-transform: none; }
div.form-error { display: none; }
input.form-error { border: 1px dotted rgb(221, 30, 14); margin-bottom: 10px !important; }
#commentform input[type="text"], #commentform textarea { padding: 10px; margin: 0; }
#commentform textarea { width: 80%; }
.layout-1c #commentform textarea { width: 50%; height: 98px; }
p.form-allowed-tags { display: none; }
/* --------- Read More Link -----------------------------------*/
.read-more { margin-top: 20px; }
.read-more a { color: #46A5D5; }
/* ---------- Slogans ------------- */
/*--------------- Image shortcodes --------------- */
.photo-frame { padding: 4px; border: 1px solid #ddd; border-radius: 4px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
/*--------------------------------------------------------------------*/
/* LAYOUTS
/*--------------------------------------------------------------------*/
/*------------------ Post Level Layouts ---------------------------------------------------------*/
.layout-default #content { float: left; }
.layout-1c #content { margin: 0; }
/* As of now, we are hiding sidebars in the one column post layout but that can be changed */
.layout-1c .sidebar-left-nav { clear: left; float: left; }
.layout-1c .sidebar-right-nav { clear: none; float: right; }
.layout-1c .sidebar-left-nav, .layout-1c .sidebar-right-nav { width: 470px; margin-top: 25px; padding: 5px 0 0 5px; }
/* Two column layout with content to the right and sidebars on left */
.layout-2c-r #content { float: right; margin-bottom: 40px; }
/* Two column layout with content to the left and sidebars on right - Theme default layout */
.layout-2c-l #content { float: left; }
/* 3 column layout with the left navigation bars and content on the right */
.layout-3c-r #content { float: right !important; margin-bottom: 40px; }
.layout-3c-r .sidebar-left-nav { }
.layout-3c-r #sidebar-primary { float: left !important; }
.layout-3c-r #sidebar-secondary { clear: none; float: left !important; }
/* 3 Column Layout with right navigation bars and content on the left */
.layout-3c-l #content { float: left; }
.layout-3c-l .sidebar-right-nav { float: none; }
.layout-3c-l #sidebar-primary { float: left; }
.layout-3c-l #sidebar-secondary { clear: none; float: right; }
/* 3 Column Layout with right and left navigation bars */
.layout-3c-c #content { float: right; position: relative; right: 22%; }
.layout-3c-c .sidebar-left-nav { right: 0%; }
.layout-3c-c .sidebar-right-nav { left: 60%; }
.layout-3c-c #sidebar-primary { position: relative; padding: 0; margin: 0; }
.layout-3c-c #sidebar-secondary { padding: 0; margin: 0; }
.layout-3c-c .calendar-wrap td, .layout-3c-r .calendar-wrap td, .layout-3c-l .calendar-wrap td { padding: 4px; }
.layout-3c-c .calendar-wrap th, .layout-3c-r .calendar-wrap th, .layout-3c-l .calendar-wrap th { padding: 4px; }
/*--------------------------------------------------------------------*/
/* WIDGETS STYLING
/*--------------------------------------------------------------------*/
/*--------- 125x125 Advertisement Styling --------- */
#advertisement-125 { padding: 0; overflow: hidden; }
#advertisement-125 a { display: block; float: left; padding: 0; margin: 10px 9px 0 9px; }
#advertisement-125 img { padding: 2px; background: #FEFEFE; border: 1px solid #ccc; width: 125px; height: 125px; }
.layout-3c-c #advertisement-125 a, .layout-3c-r #advertisement-125 a, .layout-3c-l #advertisement-125 a { margin: 10px 0 0 0; width: 100%; text-align: center; }
/*----------- Twitter Widget with Jtwt Jquery Plugin -------- */
#twitter { background: #eaedf1; border-radius: 2px; }
#bottom-area #twitter { background: #576567; }
.twitter-widget .widget-title { margin-bottom: 0; padding-bottom: 30px;
background: url(images/twitter-pointer-sidebar.png) no-repeat 20px bottom; }
#bottom-area .twitter-widget .widget-title { background: url(images/twitter-pointer.png) no-repeat 30px bottom; }
.twitter-widget .widget-title span { border-bottom: 1px dotted #aaa; font-size: 16px; }
#bottom-area .twitter-widget .widget-title span { border-bottom: 1px dotted #aaa; }
.twitter-widget .widget-title:before { margin-right: 10px; margin-left: 60px; content: "\e025"; color: #0da9c1; font-size: 34px; }
#bottom-area .twitter-widget .widget-title:before { margin-left: 90px; }
#jtwt { list-style: none; }
#jtwt li { padding: 15px; }
#jtwt li:hover { background: #dde1e6; }
#jtwt li:last-child { margin-bottom: 0px; }
#jtwt_loader { font-weight: bold; }
li.jtwt_tweet { background: none; padding-left: 0; }
.jtwt_picture { float: left; margin: 5px 10px 0 0; }
p.jtwt_tweet_text { margin-bottom: 5px; }
#bottom-area p.jtwt_tweet_text { color: #b6c8c9; }
.jtwt_tweet a { color: #9e9e9b; }
#bottom-area .jtwt_tweet a { color: #dedede; }
#bottom-area .jtwt_tweet a:hover { color: #fff; }
#jtwt .jtwt_date { font-size: 11px; }
#twitter-footer { margin-top: 10px; }
/*---------- Social List ---------- */
ul.social-list { list-style: none; margin: 0; display: table; }
ul.social-list.center { margin: 5px auto; }
ul.social-list li { float: left; padding: 0; list-style: none; margin: 0 10px 10px 0; margin-right: 10px; background: none; }
ul.social-list li:last-child { margin-right: 0; }
ul.social-list a { display: block; width: 40px; height: 40px; text-indent: -9999px; /*margin-right: 2px;*/
background: url('images/social-icons/social-media-sprite.png') no-repeat -9999px -9999px;
-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#bottom-area ul.social-list a { background-image: url('images/social-icons/social-media-exp.png'); }
.widget ul.social-list li { border: none !important; }
.social-list .facebook { background-position: 0 -160px; }
.social-list .facebook:hover { background-position: 0 -200px; }
.social-list .twitter { background-position: 0 -320px; }
.social-list .twitter:hover { background-position: 0 -360px; }
.social-list .youtube { background-position: 0 -400px; }
.social-list .youtube:hover { background-position: 0 -440px; }
.social-list .flickr { background-position: 0 -640px; }
.social-list .flickr:hover { background-position: 0 -680px; }
.social-list .linkedin { background-position: 0 -480px; }
.social-list .linkedin:hover { background-position: 0 -520px; }
.social-list .googleplus { background-position: 0 -80px; }
.social-list .googleplus:hover { background-position: 0 -120px; }
.social-list .rss { background-position: 0 -560px; }
.social-list .rss:hover { background-position: 0 -600px; }
/*--------- Client List ------------ */
.client-list img { margin-right: 72px; float: left; margin-bottom: 50px; }
.widget .client-list img { margin-right: 60px; margin-bottom: 20px; float: left; }
/*-------------- Search Widget ----------------- */
.widget-search { margin: 0 0 20px; padding: 0; }
.widget-search h3 { display: none; }
.search-form { position: relative; max-width: 233px; border: none;
-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(255, 255, 255, 1); width: 100%; }
.search-form label { display: none; }
.search-form .search-text { display: block; position: relative; right: 0; width: 100%; height: 30px; margin: 0; border: 1px solid rgba(155, 155, 155, 0.3);
padding: 0px 0px 5px 5px; font-size: 12px; color: #777777; -moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
-khtml-border-radius: 4px; /* KHTML */
border-radius: 4px; /* CSS3 */
background-color: #FFFFFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-form .search-text:focus { color: #696969; background-color: white; font-style: normal; }
.search-form .search-submit.button { }
.search-form .submit { background: url(images/icons/search.png) no-repeat center transparent !important; display: block;
margin: 0; padding: 6px 14px; position: absolute; right: 0; top: 0; border: none; cursor: pointer; height: 30px; border-left: 1px solid #E6E6E6;
-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.search-form .submit:hover { opacity: 0.6; border-left: 1px solid #D6D6D6; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
/* Hide search button for 3 column layouts*/
.layout-3c .search-form input[type=submit] { display: none; }
/* Text Widget */
#widget-text { margin: 0 0 20px 0; }
/* Adsense Widget */
#widget-adsense { width: 300px; height: 250px; line-height: 250px; color: #FFF; background: #000; text-align: center; margin: 0 0 20px 0; }
/*----------------- Newsletter Widget ----------------- */
#widget-newsletter { margin: 0 0 20px 0; }
#widget-newsletter p { margin: 5px 0; }
#widget-newsletter div { padding: 5px 0; }
#widget-newsletter .newsletter-email { width: 202px; height: 15px; border: 1px solid #BBB; line-height: 20px; padding: 5px; margin: 0; }
#widget-newsletter .newsletter-submit { width: 82px; border: 1px solid #BBB; height: 27px; text-transform: uppercase; background: #CCC; }
/*------------- Flickr Widget -------------- */
#flickr-widget { margin: 10px 0 0 0; }
#flickr-widget .flickr_badge_image { float: left; line-height: 100%; margin: 0 5px 5px 0; }
#bottom-area #flickr-widget .flickr_badge_image { margin: 0 10px 10px 0; }
#flickr-widget .flickr_badge_image img { display: block; width: 50px; height: 50px; background-color: #FFF; border: 1px solid #ddd; padding: 2px;
-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#flickr-widget .flickr_badge_image img:hover { background-color: #f4f4f4; opacity: 0.8; }
#sidebar-subsidiary #flickr-widget { margin: 15px 0 0 0; }
#sidebar-subsidiary .flickr_badge_image { margin: 0 12px 12px 0; }
#sidebar-subsidiary #flickr-widget .flickr_badge_image img { background-color: #F9F9F9; border: 1px solid #fff; padding: 2px; }
/* ------------ Author Widget ------ */
#author-widget .avatar-wrap { border: 1px solid #DDD; background: #FFF; padding: 2px; float: left; margin: 5px 15px 0 0; }
#author-widget .author-name { font-size: 14px; font-weight: 600; margin: 4px 0; }
#author-widget .author-desc { font-size: 12px; }
/* Make an exception for author widget */
#sidebar-after-singular .author-widget { float: none; width: 97%; clear: both; }
#sidebar-after-singular #author-widget { border: 1px solid #DDD; padding: 0; background: #ededed;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 5px; border-radius: 3px;
background-color: rgba(0, 0, 0, .03);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#09000000', EndColorStr='#09000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#09000000',EndColorStr='#09000000')"; }
#sidebar-after-singular #author-widget { padding: 16px 10px; }
/*--------- Contact Info Widget ---------- */
.widget .contact-info p { margin-bottom: 10px; }
.contact-info p span { display: block; padding-left: 30px; font-size: 14px; }
.contact-info .name { }
.contact-info .street1, .contact-info .email, .contact-info .phone, .contact-info .fax { background-image: url('images/icons/widget-sprite.png'); background-repeat: no-repeat; }
.contact-info .street1 { background-position: -102px 1px; }
.contact-info .email { background-position: -50px -52px; }
.contact-info .phone { background-position: -75px -27px; }
.contact-info .mini-separator { margin-bottom: 30px; }
/* ---------- Recent Comments ---------- */
ul#recentcomments li.recentcomments { background: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding-left: 0; }
ul#recentcomments li.recentcomments:hover { }
ul#recentcomments li.recentcomments:before { margin-right: 8px; content: "\e017"; color: #999; }
ul#recentcomments li.recentcomments:hover:before { color: #888; }
#bottom-area ul#recentcomments li.recentcomments:before { color: #657375; }
#bottom-area ul#recentcomments li.recentcomments:hover:before { color: rgb(120, 137, 139); }
/* ------------ Tag Cloud ----------------*/
.tagcloud a { display: inline; float: left; padding: 2px 6px; margin: 0 5px 5px 0; font-size: 11px !important; text-transform: uppercase; line-height: 20px; background-color: #ddd;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.tagcloud a:hover, #bottom-area .tagcloud a:hover { color: #fff !important; background-color: #46a5d5; }
#bottom-area .tagcloud a { background-color: #657375; }
/*--------------------------------------------------------------------*/
/* COMMENTS STYLING
/*--------------------------------------------------------------------*/
/* Post page comments styling */
#comments-number, #reply-title { margin: 20px 0; font-size: 20px; }
.comments-header { background: url('images/icons/blog-sprite.png') no-repeat 4px -66px; padding: 0 0px 0 28px; }
#reply-title { background: url('images/icons/widget-sprite.png') no-repeat scroll 2px -90px transparent; padding-left: 28px; }
#cancel-comment-reply-link { text-transform: none; margin: 0 0 0 10px; }
ol.comment-list, .comment ol.children { list-style: none outside none; margin: 0; }
.comment ol.children { border-left: 1px solid #ddd; margin-left: 10px; padding-top: 40px; /* Keep this value same as margin set between list elements. See next element */
}
.comment ol.children li { margin-left: 15px; }
.comment-list .line { display: none; }
.comment ol.children li .line { display: block; position: absolute; width: 15px; height: 1px; border-bottom: 1px solid #EFEFEF; margin: 35px 0 0 -15px; }
li.comment, li.trackback, li.pingback { margin: 0 0 40px 0; }
li .comment-text-wrap { width: 100%; /* Helps avoid setting individual values for each layout */
}
.comment-list li li .comment-text-wrap { background-color: #e9e9e9; }
.comment-meta-section { display: block; position: relative; }
.comment-list .avatar-wrap { background: url('images/comment-arrow3.png') no-repeat bottom center transparent;
display: block; float: left; height: 81px; width: 80px; margin-bottom: -1px; z-index: 1; position: relative; }
.comment-list .avatar { width: 50px; height: 50px; border: 1px solid #EEE; background: #F6F6F6; padding: 4px; }
.comment-text-wrap { float: left; display: block; background: #F7F7F7; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 4px; border-radius: 2px; }
.comment-text-wrap .entry-content { margin: 0; padding: 18px 15px 0 15px; border: 1px solid #E4E4E4; }
.comment-meta { margin-bottom: 10px; }
.comment-byline { color: #888; font-size: 12px; }
.comment-byline abbr[title], .comment-byline dfn[title] { border-bottom: 0; cursor: auto; }
.comment-meta .published { padding: 2px 0; }
.comment-author cite { font-size: 13px; line-height: 20px; display: block; }
.comment-reply-link { margin: 0 0 0 3px; }
.comment-list li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
.comment-list li li li .comment-text-wrap { background-color: #f7f7f7; }
.comment-list li li li .avatar-wrap { background: url('images/comment-arrow3.png') no-repeat bottom center transparent; }
.comment-list li li li li .comment-text-wrap { background-color: #e9e9e9; }
.comment-list li li li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
.comment-list li li li li li .comment-text-wrap { background-color: #f7f7f7; }
.comment-list li li li li li .avatar-wrap { background: url('images/comment-arrow3.png') no-repeat bottom center transparent; }
.comment-list li li li li li li .comment-text-wrap { background-color: #e9e9e9; }
.comment-list li li li li li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
#comments-template { margin: 0; }
#comments { margin: 20px 0; border-top: 1px solid #eee; max-width: 820px; border-bottom: 1px solid #eee; padding: 9px 0; }
#respond { margin: 20px 0; }
/* ---------- Pagination for Sliders -----------------------------------------------*/
.slideshow_paging { position: absolute; bottom: 5px; left: 420px; z-index: 11; font-size: 12px; padding: 3px 2px; }
.slideshow_paging a, .slideshow_paging a:hover, .slideshow_paging a.activeSlide { background-image: url(images/sliders/slider-nav.png); }
.slideshow_paging a { display: block; float: left; margin: 0 1px; padding: 3px 8px; color: #ccc; text-indent: -9999px; background-position: -32px -10px; }
.slideshow_paging a:hover { background-position: -54px -10px; }
.slideshow_paging a.activeSlide { background-position: -10px -10px; }
/* ------ Video styling --------------*/
#content .video-box { margin-bottom: 15px; }
.video-play-button { background: url(images/video-play-button.png) center center no-repeat; width: 64px; height: 64px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.video-play-button:hover { background-image: url(images/video-play-hover.png); }
/*----------- Thumbnail SliderStyling ------------- */
#thumbnail-slider-wrapper { position: relative; padding-bottom: 30px; float: left; }
#showcase-area #thumbnail-slider-wrapper { float: none; margin: 0 20px; padding: 0; }
#thumbnail-slider-wrapper .slideshow_controls span { display: block; position: absolute; cursor: pointer; text-indent: -9999px; width: 32px; height: 32px; z-index: 100;
background-image: url('images/sliders/thumbnail-slider-buttons.png'); }
#thumbnail-slider-wrapper .slideshow_controls span { }
#thumbnail-slider-wrapper a.slideshow_toggle span { top: 30%; right: 45%; background-position: -52px -10px; }
#thumbnail-slider-wrapper.paused a.slideshow_toggle span { background-position: -10px -10px; }
#thumbnail-slider-wrapper a.slideshow_next span { right: 64px; background-position: -85px 0; display: none;
/* TODO: Need next and previous buttons for large and medium sized thumbnail sliders */
}
#thumbnail-slider-wrapper a.slideshow_prev span { right: 94px; background-position: -55px 0; display: none; }
#thumbnail-slider-wrapper .slideshow_controls { display: none; }
#thumbnail-slider { position: relative; background: #efefef; }
#thumbnail-slider.default-size { max-width: 294px; }
#thumbnail-slider.large-size { max-width: 460px; }
#thumbnail-slider.full-size { max-width: 1140px; }
#thumbnail-slider .image-container { margin: 0 !important; }
#thumbnail-slider .thumbnail-caption { position: absolute; z-index: 99; background: #000; width: 100%; opacity: 0.6; display: none; /* will display later through JS */
bottom: 0; left: 0; filter: alpha(opacity=55); /*IE*/; max-width: 460px; }
/* #thumbnail-slider.full-size .thumbnail-caption { width: 150px; bottom: 50px; left: 20px; font-size: 24px; }
*/
#thumbnail-slider .thumbnail-caption.nothumbnail { position: static; }
#thumbnail-slider .thumbnail-caption .thumbnail-title { background: black; padding: 6px 12px; }
#thumbnail-slider .thumbnail-caption a { color: #DDD; }
#thumbnail-slider.full-size .thumbnail-caption a { font-size: 18px; }
#thumbnail-slider .image-frame, #thumbnail-slider .image-area { background: none; box-shadow: none; border: none; }
#thumbnail-slider p, #thumbnail-slider .thumbnail-shadow { display: none; }
/*--------------------------------------------------------------------*/
/* Responsive Flex Slider Styles
/*--------------------------------------------------------------------*/
/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles *********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme *********************************/
.flexslider { background: transparent; padding: 0; max-width: 100%; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 2s ease 1s; -moz-transition: all 2s ease 1s; transition: all 2s ease 1s; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
.flexslider .slides > li { margin: 0; position: relative; }
.flexslider .slides .image-container { float: none; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
/* Caption styles */
.flex-caption { position: absolute; left: 40px; bottom: 20px; background: #000; color: #444; opacity: 0.5; /* Overridden by captionOpacity setting */
filter: alpha(opacity=55); /*IE*/
width: 35%; z-index: 89; padding: 15px 20px 15px 20px; margin: 0; }
.flex-caption a { display: inline !important; font-size: 32px; line-height: 1.3em; color: #EFEFEF !important; }
.flex-caption .flex-summary { color: #ccc; font-size: 12px; margin-top: 5px; }
/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block;
background: url(images/sliders/bg_direction_nav.png) no-repeat 0 0;
position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { display: block; width: 100%; position: absolute; bottom: -20px; text-align: center; }
#slider-area .flex-control-nav { bottom: -20px; }
.segment .flex-control-nav { bottom: 0; }
.flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-color: #46A5D5; }
.flex-control-paging li a { background-color: #DDD; width: 20px; height: 5px; }
.segment .flex-control-nav li a { width: 20px; height: 20px;
background: url(images/sliders/slider-round-nav.png) no-repeat transparent; background-position: -29px 1px; }
.segment .flex-control-nav li a:hover, .segment .flex-control-nav li a.flex-active { background-position: 0px -28px; background-color: transparent; }
.flex-control-nav li a:hover { background-position: -54px -10px; }
.flex-control-nav li a.flex-active { background-color: #46A5D5; }
ol.flexlite-control-nav.flexlite-control-paging { display: none; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .flex-next { opacity: 1; right: 0; }
}
ul.flexlite-direction-nav { position: absolute; display: block; top: -30px; left: 0; list-style: none; }
ul.flexlite-direction-nav li { display: inline-block; *display: inline; margin: 3px; }
.flexlite-direction-nav a { display: block; width: 32px; height: 26px; text-indent: -9999px; cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.flexlite-direction-nav .flexlite-prev, .flexlite-direction-nav .flexlite-next { background-image: url('images/sliders/carousel-nav.png'); }
.flexlite-direction-nav a.flexlite-prev { background-position: 0px 0px; }
.flexlite-direction-nav a.flexlite-prev:hover { opacity: 0.7; }
.flexlite-direction-nav a.flexlite-next { background-position: -42px -0px; }
.flexlite-direction-nav a.flexlite-next:hover { opacity: 0.8; }
/* --------- Slider Area styling ------ */
#slider-area .flexslider:hover .flex-next { right: 25px; }
#slider-area .flexslider:hover .flex-prev { left: 25px; }
#slider-area #flex-slider-wrapper { padding: 20px 0; }
/* ------- Revolution Slider styling --------- */
#slider-area .rev_slider_wrapper { border-bottom: none; }
/*------- Testimonial Full Width FlexSlider ---------*/
#slider-testimonials .flexslider { margin: 10px 10px 0; }
#slider-testimonials .flex-slider-container { }
#slider-testimonials blockquote { margin: 60px 20px 0 20px; font-size: 16px; color: #888; background: none; text-align: center; padding: 0; }
#slider-testimonials .author { background: none; text-transform: uppercase; font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-size: 12px; margin: 20px 0 0; padding: 20px 0 0;
background: url(images/seperator-testimonials.png) no-repeat top; }
/*----------- Flexslider Carousel styling --------------- */
.carouselslider-container { padding-bottom: 40px; }
.carouselslider-container .flexslider .slides > li { margin: 0 12px; }
.carouselslider-container ul.flexlite-direction-nav { top: auto; bottom: -40px; margin: 0 10px; }
/*--------------------------------------------------------------------*/
/* OTHER SLIDERS - NIVO, ANYTHING
/*--------------------------------------------------------------------*/
/* === The Nivo Slider styles - do not modify unless you know what you are doing == */
/* === For customization, see below === */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none;
background: white; filter: alpha(opacity=0); opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles - customized */
.nivo-caption { position: absolute; left: 50px; bottom: 30px; background: #000; color: #EFEFEF; font-weight: normal;
width: 40%; z-index: 8; padding: 5px 10px; overflow: hidden; display: none; opacity: 0.6; -moz-opacity: 0.6;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
/* ===== Nivo Slider Custom styles - modify below if required === */
#nivo-slider-wrapper { position: relative; padding: 20px 0 30px; border-bottom: 1px solid #ddd; }
#nivo-slider { position: relative; background: #202834 url(images/sliders/loading.gif) no-repeat 50% 50%; margin: 0 auto; display: block; color: black; }
.nivo-caption a { font-size: 32px; line-height: 1.3em; color: #EFEFEF !important; }
.nivo-caption .nivo-summary { color: #ccc; font-size: 12px; margin-top: 5px; }
#nivo-slider a { border: 0; }
.nivo-controlNav { position: absolute; left: 47%; bottom: -5px; }
.nivo-controlNav a { display: block; width: 11px; height: 11px; border: 0; margin-right: 8px; float: left;
background: url(images/sliders/slider-nav.png) no-repeat -32px -10px; text-indent: -9999px; }
.nivo-controlNav a.active { background-position: -10px -10px; }
.nivo-controlNav a:hover { background-position: -54px -10px; }
.nivo-directionNav a { display: block; width: 30px; height: 45px; background: url(images/sliders/arrows.png) no-repeat; text-indent: -9999px; border: 0; }
a.nivo-nextNav { background-position: -30px 0; right: 12px; }
a.nivo-prevNav { left: 12px; }
/*--------- Isotope Portfolio Filtering ------------- */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* infinite scroll loading message styling */
#infscr-loading { position: fixed; text-align: center; bottom: 30px; left: 42%; z-index: 100; background: white;
background: hsla(0, 0%, 100%, 0.9); padding: 20px; color: #222; font-size: 15px; font-weight: bold;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#infscr-loading img { float: left; }
#infscr-loading div { float: left; padding-left: 10px; }
/*----------------------------------- PRIMARY MENU ---------------------------------------------------*/
/* Primary menu styling*/
#primary-menu { padding: 0; position: absolute; right: 0; top: 0; }
#primary-menu ul { margin: 0; list-style-type: none; }
#primary-menu ul li { position: relative; display: inline; float: left; margin: 0; }
#primary-menu > ul > li {
/*border-right: 3px solid rgba(0, 0, 0, 0.0); border-left: 3px solid rgba(0, 0, 0, 0.0);*/
}
#primary-menu > ul > li.current-menu-ancestor { border-top: 4px solid #46a5d5; }
#primary-menu > ul > li.current-menu-ancestor > a { margin-top: -4px; }
#primary-menu > ul > li.current-menu-ancestor > ul.sub-menu { margin-top: -4px; }
#primary-menu > ul > li:hover, #primary-menu > ul > li.sfHover { background-color: #46A5D5; /*border-right: 3px solid rgba(0, 0, 0, 0.0); border-left: 3px solid rgba(0, 0, 0, 0.0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box;*/
}
#primary-menu > ul > li:hover:before, #primary-menu > ul >li.sfHover:before { content: ""; position: absolute; left: 0;
width: 100%; height: 1px; bottom: -2px; background: #46A5D5; opacity: 0.8; z-index: 10000; }
#primary-menu ul li a { text-decoration: none; font-size: 13px; font-weight: 600; color: #000; padding: 50px 20px 10px;
display: block; float: left; text-transform: uppercase; line-height: 1.7em
/* Helps to keep submenu alive on hover */; }
#primary-menu ul > li.sfHover > a { color: #f8f2f2; }
#primary-menu ul li a:hover { color: #f8f2f2; }
/* Primary menu dropdown styling*/
#primary-menu ul ul { position: absolute; top: -9999em; width: 180px; background-color: #3d484a; z-index: 9999; }
#primary-menu ul ul li { width: 100%; }
#primary-menu .sub-menu li a { color: #f4eaea; }
#primary-menu .sub-menu li:hover { background-color: #646d6e; border: none; -webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
#primary-menu .sub-menu li.sfHover { color: #f4eaea; background-color: #646d6e; }
#primary-menu ul li:hover ul { left: -3px; top: 82px; border-top: 6px solid rgba(255, 255, 255, 0); -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
#primary-menu ul li:hover li ul { top: -9999em; }
#primary-menu ul li li:hover ul { left: 181px; top: 0; border: none; }
#primary-menu ul ul { padding: 0; margin: 0; }
#primary-menu ul ul li { margin: 0; }
#primary-menu ul ul li a { font-size: 13px; font-weight: 400; padding: 6px 15px; text-transform: none; }
/*--------------------- Footer Menu --------- */
#menu-footer { margin: 0; padding: 30px 0; list-style: none; display: inline; float: right; }
#menu-footer ul { margin: 0; }
#menu-footer li { display: inline; margin: 0; padding: 0 5px 0 7px; /* Extra two pixels on left for menu separator */
background: url("images/vertical-seperator.png") no-repeat scroll left center transparent; }
#menu-footer li:first-child { background: none; padding-left: 0; }
#menu-footer li a { color: #bbb; text-transform: uppercase; }
/*---------- Rounded css3 buttons ------- */
.rounded-button { display: inline-block; position: relative; background: #52b3e3; background: -webkit-gradient(linear, left top, left bottom, from(#46a5d5), to(#52b3e3)); background: -webkit-linear-gradient(top, #46a5d5, #52b3e3); background: -moz-linear-gradient(top, #46a5d5, #52b3e3); background: -ms-linear-gradient(top, #46a5d5, #52b3e3); background: -o-linear-gradient(top, #46a5d5, #52b3e3);
padding: 5px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: white !important; text-decoration: none; vertical-align: middle;
-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.rounded-button:hover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.rounded-button:active { background: #327ba8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* ------------ Home Page / Services Styling ------------- */
.segment.grey-bg { background: #e6e8eb; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edeff2), color-stop(100%, #e2e4e6));
background: linear-gradient(to bottom, #edeff2 0%, #e2e4e6 100%); background: -moz-linear-gradient(top, #edeff2 0%, #e2e4e6 100%); background: -webkit-linear-gradient(top, #edeff2 0%, #e2e4e6 100%); }
span.action-link a { border-bottom: 1px dashed #aaa; color: #666; font-weight: 600; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
span.action-link a:hover { color: #46a5d5; }
div.service-box1, div.service-box2 { text-align: center; padding: 20px 10px 0; position: relative; }
div.service-box1 { padding-bottom: 20px; }
div.service-box1 a, div.service-box2 a { color: #777; }
div.service-box2.service-rounded h2 a { color: #4c4f50; font-size: 22px; }
div.service-box2:hover h2 a { color: #46A5D5; }
div.service-box1:hover { background-color: #46A5D5; -moz-transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
div.service-box1:hover, div.service-box1:hover a, div.service-box1:hover h3 { color: #FFFFFF; }
div.service-box1:hover a { background-color: #444; }
div.service-box1 h3, div.service-box2 h2 { font-size: 24px; }
div.service-box1 img, div.service-box1 h3, div.service-box2 img, div.service-box2 h2 { display: block; margin: 0 auto 20px auto; }
img.replacer { opacity: 0; /* Hide the replacer initially */ }
div.service-box1:hover img.hideOnHover, div.service-box2:hover img.hideOnHover { opacity: 0; }
div.service-box1:hover img.replacer, div.service-box2:hover img.replacer { opacity: 1; }
div.service-img-wrap { position: relative; margin: 0 auto; }
#content img.hideOnHover { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
img.replacer, img.hideOnHover { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
div.service-box2 img.replacer, div.service-box2 img.hideOnHover { -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s; }
div.service-box2.service-rounded img.replacer, div.service-rounded img.hideOnHover { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
.folded-edge { position: absolute; background-color: #f9f9f9; width: 20px; height: 18px; right: 0; bottom: 0; }
div.service-box1:hover .folded-edge { background-position: 0 0;
-moz-transition: background-position .1s ease-in-out; -webkit-transition: background-position .1s ease-in-out; -o-transition: background-position .1s ease-in-out; transition: background-position .1s ease-in-out; }
.service-box3 { float: left; width: 100%; border-top: 5px solid #c8c7bb;
-webkit-transition: border 0.4s ease-in; -moz-transition: border 0.4s ease-in; -o-transition: border 0.4s ease-in; transition: border 0.4s ease-in; }
.service-box3:hover { border-color: #46A5D5; -webkit-transition: border 0.3s ease-in; -moz-transition: border 0.3s ease-in; -o-transition: border 0.3s ease-in; transition: border 0.3s ease-in; }
.service-box3 h3 { padding-top: 15px; margin-bottom: 15px; }
.service-box4 h3 { font-size: 20px; margin: 10px 0px; }
#services-rounded .service-box4 h2 { font-size: 14px; color: #444; text-transform: uppercase; }
#services-rounded .service-box4:hover h2 { color: #46a5d5; }
.service-box4 img { margin: 0 auto; margin-bottom: 20px; }
#services-home3 .heading2 { margin-bottom: 60px; }
.services-in-images .service-box4:hover img { opacity: 0.6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; }
#services-rounded .service-box4:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }
#services-rounded .mini-separator, .service-box2 .mini-separator { margin: 0 auto; }
#services-rounded p, .service-box2 p { margin-top: 20px; }
.service-box4 [class^="icon-"] { font-size: 64px; }
.service-box4:hover h2, .service-box4:hover [class^="icon-"] { color: #888; }
.service-box4 img, .service-stat img, .service-box4 h2, .service-stat h3, .service-box4 h3, .service-box4 [class^="icon-"] {
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
}
.service-box3 p a, .service-box4 p a { text-transform: none; letter-spacing: 0px; }
.service-box3:hover p a, .service-box4:hover p a { color: #888; }
#service-stats .threecol { border-right: 1px solid #9ca0a9; }
#service-stats .threecol.last { border-right: none; }
#service-stats .service-stat h3 { color: #ddd; font-size: 20px; line-height: 30px; font-weight: 400; margin: 0; }
#service-stats .service-stat:hover h3 { color: #fff; }
#service-stats .service-stat img { padding: 10px; margin: 0 auto; }
#service-stats.anim .service-stat:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }
/* ------ Headings -------- */
.heading1, .heading2, .heading2-ext { text-align: center; margin: 0 auto; }
.heading1 h2, .heading2 .title { font-size: 38px; line-height: 60px; color: #46a5d5; }
.heading1 h2 { font-weight: 300; }
/* Thinner headings */
.heading2 .title.separator { padding-bottom: 40px; text-transform: uppercase; background: url(images/separator-fancy.png) no-repeat center bottom transparent; margin-bottom: 40px; }
.heading2 .pitch { font-size: 14px; line-height: 30px; word-spacing: 0; margin: 0 auto; max-width: 80%; }
.heading2 .button { margin-top: 60px; }
.heading2 .button-section { margin-top: 60px; }
.heading2 .button-section .button, Â .heading2 .button-section span { margin-top: 0; }
.heading2-ext .top-header { width: 100%; text-transform: uppercase; letter-spacing: 2px; text-align: center; position: relative; overflow: hidden; float: left; clear: both; }
.heading2-ext .top-header span { padding: 0 10px; background: #f9f9f9; z-index: 10; }
.heading-section1 { margin: 80px 0; }
.heading-section1 h2 { font-size: 38px; }
/*---------- Fancy Tabs in Home Page ------- */
.fancy-tab { list-style: none; margin: 0; margin-bottom: 40px; }
.fancy-tab li { display: inline-block; margin: 5px 0 5px 0; padding: 0 20px; background-color: #efefef; border: 1px solid #d7d7d7; text-align: center;
-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.fancy-tab li:last-child { margin: 0; }
.fancy-tab li i { padding: 0 10px 0 0; font-size: 16px; }
.fancy-tab li a { font-size: 14px; text-align: center; color: #777; margin: 0 auto; display: inline-block; padding: 10px 0 9px 0; }
.fancy-tab li:first-child a {
/*background: url('images/icons/portfolio.png')no-repeat center;*/
margin: 0; }
.fancy-tab li:last-child a {
/*background: url('images/icons/blog.png')no-repeat center;*/
}
.fancy-tab .current-tab a { color: #f8f8f8 !important; }
.fancy-tab li:hover a { color: #777; cursor: pointer;
-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.fancy-tab li:hover { background-color: #dedede; }
/* ---------- Icon box ------*/
.iconbox1 { position: relative; }
.iconbox1 p { }
.iconbox1 h3 { font-weight: 700; }
.iconbox1 .icon-area { position: absolute; left: 0; top: 0; }
.iconbox1 .main-area { position: relative; margin-left: 050px; /* space for icon */
}
/* ----- Revolution Slider -------- */
.rev_slider_wrapper .tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(images/sliders/large_left.png) no-repeat top left;
width: 22px; height: 34px; margin-left: 20px; margin-top: -20px; }
.rev_slider_wrapper .tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(images/sliders/large_right.png) no-repeat top left;
width: 23px; height: 34px; margin-left: -20px; margin-top: -20px; }
.rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover { background-position: bottom left; }
/*------- Miscelleneous ------------- */
.circle { display: inline-block; width: 100px; height: 100px; font-size: 16px; color: #fff; line-height: 100px; text-align: center;
background: #aaa; margin: 0 10px; padding: 0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; }
.circle.small { font-size: 13px; width: 50px; height: 50px; border-radius: 25px; line-height: 50px; }
.circle.tiny { font-size: 11px; width: 30px; height: 30px; border-radius: 25px; line-height: 30px; }
.rounded-bg { display: inline-block; margin: 15px 30px; padding: 10px; float: left; background: #aaa; color: #333;
border-radius: 50%; font-weight: 700; line-height: 20px; width: 20px; height: 20px; }
/*------------------- Button Styles --------- */
/* ----- ---- --- -- - Default buttons - -- --- ---- ----- */
button, .button, .button:active, .button:visited, input[type="button"], input[type="submit"], input[type="reset"] {
display: inline-block; padding: 10px 35px; margin-bottom: 0;
font-size: 12px; line-height: 20px; line-height: 20px; color: #333333; text-align: center; vertical-align: middle;
font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer;
background-color: #ced0d6; border: 1px solid #bbbbbb; border-color: #e7e8eb #b9bbc0 #b9bbc0 #e7e8eb;
}
.button.disabled, .button[disabled] { color: #333333; background-color: #e6e6e6; }
.button:hover, .button:active, .button.active, button:hover, button:active, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { color: #fff; background-color: #4b4b4b !important; border-color: #4b4b4b !important;
-webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
#bottom-area .button:hover, #bottom-area button:hover, #bottom-area input[type="button"]:hover, #bottom-area input[type="submit"]:hover, #bottom-area input[type="reset"]:hover {
background-color: #4D5A5C !important;
border-color: #4D5A5C !important; }
.button::-moz-focus-inner, input[type="submit"].button::-moz-focus-inner { padding: 0; border: 0; }
.button img { display: inline-block !important; border: none; vertical-align: top; width: auto !important; }
/* ----- ---- --- -- - Small buttons - -- --- ---- ----- */
.button.small { padding: 7px 22px; font-size: 10px; }
.button.small [class^="icon-"], .button.small [class*=" icon-"] { margin-top: 0; }
/* ----- ---- --- -- - Large buttons - -- --- ---- ----- */
.button.large { padding: 16px 50px; font-size: 14px; }
.button.large.rounded { border-radius: 36px; }
.button.small.rounded { border-radius: 30px; }
.button.rounded { border-radius: 36px; }
.button.large [class^="icon-"], .button.large [class*=" icon-"] { margin-top: 2px; padding-left: 10px; }
.button [class^="icon-"], .button [class*=" icon-"] { padding-left: 8px; }
/*---------- - Color Variations --------------- */
.button.blue.active, .button.orange.active, .button.red.active, .button.green.active, .button.teal.active, .button.black.active, .button.pink.active { color: rgba(255, 255, 255, 0.75); }
.button { border-color: #c5c5c5; }
.button.cyan { color: #ffffff; background-color: #57c0dc; border-color: #61cfec #48a7c0 #48a7c0 #61cfec; }
.button.blue { color: #ffffff; background-color: #46a5d5; border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee; }
.button.orange { color: #ffffff; background-color: #e87151; border-color: #f88f73 #ca5a3b #ca5a3b #f88f73; }
.button.red { color: #ffffff; background-color: #da4f49; border-color: #ec5e58 #c4403a #c4403a #ec5e58; }
.button.green { color: #ffffff; background-color: #009814; border-color: #07b98e #028866 #028867 #07b98e; }
.button.teal { color: #ffffff; background-color: #28c2ba; border-color: #2dcdc5 #23b1aa #20a59e #2dcdc5; }
.button.black { color: #ffffff; background-color: #363636; border-color: #222222 #222222 #000000; }
.button.pink { color: #ffffff; background-color: #dd5679; border-color: #f0678a #c64a6a #c64a6a #f0678a; }
#button-gallery .button { margin-left: 10px; margin-bottom: 10px; }
.portfolio-link .button { letter-spacing: 2px; line-height: 30px; padding: 4px 20px; margin-bottom: 30px; text-transform: uppercase; }
/* -------- Icomoon font integration ----------- */
.twitter-widget .widget-title:before, ul#recentcomments li.recentcomments:before { font-family: 'icomoon'; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; }
/* --------- Mailchimp integration ---------- */
div.mc_merge_var, div.mc_signup_submit { display: inline-block; margin-top: 10px; }
#mc_signup_form .mc_var_label { font-size: 14px; display: block; margin-bottom: 5px; }
#mc_signup_form .mc_input { display: inline-block; padding: 8px; margin: 0 15px 0 0; line-height: 20px; }
#bottom-area #mc_signup_form .mc_input { background: #4D5A5C; border: 1px solid rgb(86, 98, 100); }
input#mc_signup_submit { color: #ffffff; background-color: #46a5d5; border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee; padding: 8px 30px; margin: 0; }
#mc-indicates-required { margin: 10px 0 0; display: none; }
/* ---------- Pricing table --------- */
.pricing-table { padding: 90px 0; }
.pricing-table .pricing-plan { background: #ecf2f6; border: 1px solid #d9dee1; border-radius: 2px; padding: 50px 30px; border-right: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-o-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; }
.pricing-table .pricing-plan:hover { background: #e7edf2; }
.pricing-table .pricing-plan:last-child { border: 1px solid #d9dee1; }
.pricing-table .pricing-plan.best-selling { background: #fff; margin-top: -30px; padding: 45px 30px 70px; border-right: 1px solid #d9dee1;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); }
.pricing-table .pricing-plan.best-selling:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); }
.pricing-table .pricing-plan.best-selling .most-desired { font-size: 18px; text-transform: uppercase; color: #bacdd6; letter-spacing: 2px; text-align: center; }
.pricing-table .pricing-plan h4 { font-size: 60px; color: #46A5D5; margin-left: 27px; }
.pricing-table .pricing-plan h4 sup { position: relative; font-size: 30px; vertical-align: top; top: -5px; }
.pricing-table .pricing-plan h4 .month { font-size: 14px; }
.pricing-table .pricing-plan h5 { font-size: 18px; text-transform: uppercase; color: #000; letter-spacing: 2px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d9dee1; }
.pricing-table .pricing-plan .plan-details li { display: block; text-align: center !important; font-size: 14px; line-height: 30px; color: #526066; }
.pricing-table .pricing-plan .plan-details li s { color: #b4c9d3; }
.pricing-table .pricing-plan .plan-details .highlight1 { background: #EDFCFF; padding: 2px; }
.pricing-table .purchase { text-align: center; padding-top: 25px; border-top: 1px solid #ddd; }
/*---------- Misc Home Page Styling ----------------------------*/
.symmetric-left { text-align: right; width: 46%; padding-right: 4%; float: left; }
.symmetric-right { float: left; text-align: left; width: 46%; padding-left: 4%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px #adadad solid; }
.symmetric-text { padding-top: 40px; line-height: 25px; }
.symmetric-text h3 { font-weight: 400; font-size: 20px; letter-spacing: 2px; padding-left: 30px; }
.symmetric-left h3 { background: url(images/icons/dos.png) no-repeat 0 5px transparent; float: right; clear: both; }
.symmetric-right h3 { background: url(images/icons/donts.png) no-repeat 0 5px transparent; }
#services-home1 .heading1, #services-home2 .heading2, #services-home3 .heading1, #services-home1 .heading2, #services-home2 .heading1 { margin-bottom: 60px; }
#customization-heading h2 { font-size: 38px; }
.testimonials2-slider-container { margin-top: 20px; }
#client-testimonials4 .testimonials2-slider-container { margin: 0; }
.testimonials2-slider-container blockquote { padding: 55px 65px 0; margin: 0; text-align: center; background: url("images/quote.png") no-repeat scroll 50% 15px transparent; }
.testimonials2-slider-container blockquote > p { margin: 0 0 20px; font-size: 22px; line-height: 40px; color: #777; }
.testimonials2-slider-container blockquote .footer, .testimonials3-slider-container blockquote .footer { display: block; padding: 20px 0 0;
background: url(images/seperator-testimonials.png) no-repeat top;
font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-size: 13px; line-height: 20px; text-transform: uppercase; }
.testimonials2-slider-container blockquote .footer > p > b { font-weight: normal; }
#testimonials-with-clients { padding: 0; }
#testimonials-with-clients .segment-content .wrap { display: table; }
/* Need wrap to avoid max width issue in safari */
#testimonials-with-clients .testimonials3-slider-container { display: table-cell; padding: 100px 0; width: 55%; vertical-align: top; /* FF bug */ }
#testimonials-with-clients img.clients { width: auto; max-width: none; float: right; }
.testimonials3-slider-container blockquote .footer { display: inline-block; margin-top: 20px; line-height: 40px; }
.testimonials3-slider-container .flexslider img { width: auto; margin: 0 20px; display: inline-block; }
#slider-showcase-skills h2 { text-transform: uppercase; }
#slider-showcase-skills blockquote { font-size: 14px; background: none; padding-left: 20px; border-left: 5px solid #46a5d5; }
#slider-showcase-skills blockquote .author { font-size: 13px; margin-top: 10px; }
#app-showcase h2 { text-transform: none; font-weight: 400; }
#app-showcase .apple-logo-text { display: inline-block; padding-left: 10px; }
#app-showcase .button .download-text { display: inline-block; color: #fff; font-size: 12px; text-shadow: none; line-height: 20px; }
#app-showcase .button .app-store-text { display: block; color: #333; font-weight: 600; text-shadow: none; font-size: 18px; line-height: 26px; }
#app-showcase .button:hover .app-store-text { color: #fff; }
#app-showcase .video-link { display: inline-block; line-height: 40px; font-size: 14px; font-weight: 600; }
#app-showcase .video-link img { display: inline; vertical-align: middle; }
#app-showcase .video-link span { padding-left: 10px; }
#app-showcase .video-play { width: 37px; height: 37px; }
#app-showcase #invoke-action { display: inline-block; }
#app-showcase .mini-separator-thick { margin: 30px auto; }
#retina-ready-section { padding: 0; }
#retina-ready-section .bg-img { margin: 0 auto; width: 100%; }
#retina-ready-section .floating-text { width: 45%; max-width: 500px; top: 30%; }
#retina-text { background: rgba(255, 242, 0, 0.7); padding: 20px 30px 10px; overflow: hidden; }
#retina-text h3 { color: #393737; font-size: 24px; line-height: 30px; font-weight: 600; }
#retina-text .pitch { color: #524f4f; font-size: 13px; }
#retina-text .img-wrap { margin-top: 10px; }
#clients-introduction { padding: 80px 0 0; }
#clients-introduction div.left-img { width: 35%; display: block; margin: 0; float: left; }
#clients-introduction .customer-img { margin: 0 auto; }
#clients-introduction .heading2 { width: 65%; margin: 40px auto 0 auto; float: left; }
#clients-introduction .title { margin-bottom: 20px; }
#clients-introduction .pitch { font-size: 18px; font-weight: 700; text-align: center; }
#clients-introduction .pitch .sleek-heading1 { color: rgb(34, 36, 37); font-size: 22px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; }
#clients-introduction .pointing-arrow2 { margin-top: 20px; }
#clients-introduction .pointing-arrow2 img { text-align: center; margin: 0 auto; }
.user-invitation { padding-bottom: 80px; }
.user-invitation .title { margin-bottom: 20px; }
.user-invitation span.highlight { font-weight: 600; }
.user-invitation span.highlight i { font-size: 15px; }
#business-growth .segment-content .wrap { display: table; }
#business-growth .sevencol { display: table-cell; float: none; }
#business-growth .business-pitch .video-pointer { max-width: 100%; padding: 20px 0; }
#business-growth .simple-quote { font-weight: 600; font-size: 12px; padding: 20px 0; }
#business-growth .fivecol { display: table-cell; vertical-align: middle; float: none; position: relative; }
#business-growth .fivecol a { display: block; position: relative; }
#business-growth .fivecol img.video-link { margin: 0 auto; padding: 6px; background: #fdfdfd; }
#business-growth .fivecol .video-play-button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#business-growth .fivecol:hover .video-play-button { background-image: url(images/video-play-hover.png); }
#portfolio-heading { margin-bottom: 60px; }
#portfolio-heading h2 { font-size: 52px; margin-bottom: 20px; }
#portfolio-heading .pitch { margin-top: 20px; }
#service-heading { margin-bottom: 60px; }
#service-heading h2 { font-size: 42px; margin-bottom: 20px; }
#client-testimonials4 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edeff2), color-stop(100%, #e2e4e6)); background: -webkit-linear-gradient(top, #edeff2 0%, #e2e4e6 100%); background: rgb(230, 227, 212); }
#client-testimonials4 h2 { font-size: 42px; }
#purchase-action { padding: 30px 0; }
#purchase-action h2 { margin: 0; font-weight: 400; font-size: 28px; }
#purchase-action .button { margin-top: 10px; }
#marketing-section .text h3 { color: #fff; }
#marketing-section .text i { font-size: 20px; line-height: 30px; display: inline-block; padding-right: 10px; color: #657a7c; }
#marketing-section .text p { color: #586d6e; }
#social-media-section { margin: 30px 0; }
#social-media-section h3 { text-align: center; font-size: 32px; line-height: 60px; }
#project-showcase-section .heading2, #our-premium-clients .heading2 { margin-bottom: 60px; }
#our-premium-clients img.photo-frame { margin: 15px 0; border-radius: 0; border: none; padding: 0; }
#portfolio-home-heading { padding-bottom: 0; }
#portfolio-home-heading .title.separator { margin-bottom: 0; }
/*---------- Homepage Project and Blog Showcase ------- */
#project-showcase { overflow: hidden; }
#portfolio-showcase { display: none; }
/* -------- Other Pages styling ----------*/
#about-us-header { margin-top: 120px; margin-bottom: 120px; text-align: center; }
#about-us-header h1 { font-size: 60px; color: #eee; line-height: 80px; }
#about-us-header .video-link { display: table; margin: 0 auto; }
#about-us-header .video-text { color: #fff; font-size: 16px; margin-top: 20px; }
#about-us-section .flexslider .image-frame { padding: 6px; background: #fff; }
#why-choose .button-section .circle { margin: 20px 30px 20px; }
#column-shortcode-section p { color: #fff; line-height: 80px; background: #46a5d5; text-align: center; margin: 0; }
#column-shortcode-section .divider-space { margin: 0; }
#pricing-contact { padding-top: 20px; }
#pricing-contact h2 { float: right; font-size: 38px; line-height: 60px; }
#contact-us-section { padding-bottom: 30px; }
#contact-us-header { margin-top: 80px; margin-bottom: 80px; }
#contact-us-header h1 { font-size: 48px; color: #eee; line-height: 60px; }
#contact-us-header .intro { color: #fff; font-size: 16px; line-height: 30px; }
#careers-section .flexslider .img-wrap { padding: 8px; background: #fafafa; }
#careers-section .circle.tiny { color: #555; margin-bottom: 20px; }
#careers-section .button-section { margin-top: 50px; }
#careers-section .text .mini-separator { margin: 20px auto; background-color: #888; }
/* ---- Pricing page ------- */
#pricing-faq h4 { font-size: 26px; line-height: 40px; }
#pricing-faq-header { margin-bottom: -20px; text-align: center; position: relative; z-index: 10; }
#pricing-action .pointing-arrow img { margin: 0 auto; position: relative; right: -200px; bottom: -25px; }
/* ----- Our team -------- */
#team-page-slogan { padding-top: 20px; }
#team-info-header { position: relative; }
#team-info-header h1 { font-size: 48px; line-height: 60px; color: #fff; text-transform: uppercase; font-weight: 400; width: 280px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -140px; margin-top: -50px; }
.team-member { margin-bottom: 20px; }
.team-member img { margin: 0 auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.team-member:hover img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.team-member:hover a { color: #888; }
.team-member img, .team-member a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.team-member .mini-separator { margin-left: auto; margin-right: auto; }
/* Keeping all home and other pages styling together */
@media only screen and (max-width : 1024px) {
#retina-ready-section .floating-text { top: 20%; }
#testimonials-with-clients .testimonials3-slider-container { position: relative; width: 100%; padding: 80px 0; }
#testimonials-with-clients img.clients { display: none; }
#team-info-header h1 { }
#retina-ready-section .pitch { display: none; }
}
@media only screen and (max-width: 767px) {
#service-stats .service-stat img { margin: 20px auto; }
#service-stats .threecol { border: none; }
#retina-ready-section h3 { margin-bottom: 0; font-size: 20px; font-weight: 400; }
#retina-ready-section .floating-text { display: block; position: relative; width: 100%; left: 0; max-width: none; }
#clients-introduction .pointing-arrow2 img { height: 80px; }
#clients-introduction .heading2 { margin-top: 20px; }
#business-growth .segment-content .wrap, #business-growth .sevencol, #business-growth .fivecol { display: block; }
#purchase-action h2 { text-align: center; }
#business-growth .business-pitch .video-pointer { display: none; }
}
@media only screen and (max-width: 479px) {
#clients-introduction div.left-img { display: none; }
#clients-introduction .heading2 { width: 100%; }
}
/* ---------- Animation effects ---------- */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fade-in { opacity: 0; /* make things invisible upon start */
-webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; }
.delay1 { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.delay2 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay3 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; }
#content.fadeIn, .first-segment .heading2.animated.fadeInLeft, .first-segment .heading2-ext.animated.fadeInLeft, .first-segment .heading1.animated.fadeInLeft,
#before-content-area.animated.fadeInLeft, #custom-before-content-area h1.animated.fadeInLeft, #custom-before-content-area h2.animated.fadeInLeft,
#marketing-policy .symmetric-left h3.fadeInLeft, #marketing-policy .symmetric-right h3.fadeInRight {
-webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; /* Override the animate default of 1.0s */ }
#responsive-primary-menu { display: none; }
img, object, embed { /*max-width: 100%;*/
/* fit within the available area instead of overflowing */
}
audio { max-width: 100%; }
video { width: 100% !important; height: auto !important; }
/* -------------------------------- Default widths ------------------------------- */
.layout-2c #content {
/* The sidebar fixed widths dictate how much space the #content gets */
max-width: 820px; }
#slider-wrap, #container-wrap { width: 100%; }
.boxed #container-wrap { max-width: 1180px; width: 96%; }
#box-wrap { }
#flex-slider-wrapper .flexslider, #nivo-slider-wrapper, #header-area, #before-content-area-home, #before-content-area, #custom-before-content-area, #sidebars-footer, #footer-wrap, #main { padding-left: 20px; padding-right: 20px; max-width: 1140px; margin: 0 auto; }
body.fluid-width-page #main, #custom-before-content-area.wide { max-width: none; padding-left: 0; padding-right: 0; }
body.fluid-width-page #content, body.fluid-width-page #box-wrap, body.fluid-width-page .entry-content { padding: 0 !important; margin: 0; }
body.fluid-width-page #bottom-area-wrap { border: none; }
body.fluid-width-page .segment-content, body.fluid-width-page .breadcrumbs { max-width: 1140px; padding-left: 20px; padding-right: 20px; margin: 0 auto; float: none; }
.layout-1c #content, #homepage-wrap #content { width: 100%; }
/* ================================================== Media Queries ================================================== */
/* --------------------- Desktops and laptops -------------------------------- */
@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 1200px) {
}
/* -------------------------- Small screens -------------------------------------- */
@media only screen and (max-width : 1024px) {
#slider-wrap, #box-wrap, .boxed #container-wrap {
/* extra width required for 3d slider */; }
.box-frame, .box-frame2 { max-width: 280px; margin: 0 auto; }
#thumbnail-slider img { height: auto !important; }
}
/* -------------------------------------- Smaller than standard 960 (devices and browsers) -------------------------------------- */
@media only screen and (max-width: 959px) {
/* --------------------- Disable non-responsive sliders for devices with smaller screens -------------------*/
}
/* --------------------------------------Tablet Portrait size to standard 960 (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sidebar-right-nav, .sidebar-left-nav { }
.layout-3c-r .sidebar-left-nav, .layout-3c-l .sidebar-right-nav { }
.layout-3c-r #content, .layout-3c-l #content { }
.layout-3c-c .sidebar-left-nav, .layout-3c-c .sidebar-right-nav, .layout-3c-c #sidebar-primary, .layout-3c-c #sidebar-secondary { }
.layout-3c-c #content { }
.layout-3c-c .sidebar-left-nav { }
}
/* --------------------------------------All Mobile Sizes (devices and browser)-------------------------------------- */
@media only screen and (max-width: 767px) {
body { -webkit-text-size-adjust: none;
/* do not adjust size of text on iPhone */
}
h1, h2, h3 { margin-bottom: 20px; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,
.sixcol.zero-margin, .fourcol.zero-margin, .threecol.zero-margin { margin: 0 0 25px 0; width: 100%; }
.threecol.equal-margin, .fourcol.equal-margin, .sixcol.equal-margin { padding: 30px 0; }
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin { padding-right: 0; padding-left: 0; margin: 0; border: none; }
#header-logo { position:relative; margin: 0 auto; }
.testimonials3-section .fivecol { display: none; }
.client-info .twocol { width: 33.3%; }
#our-premium-clients .twocol { width: 30%; margin-right: 3.2%; }
.sidebar-right-nav, .sidebar-left-nav { background: none; }
#content, .sidebar-left-nav, .sidebar-right-nav { float: none !important; padding: 20px 0 !important; }
.layout-3c .sidebar-right-nav, .layout-3c .sidebar-left-nav, .layout-3c #sidebar-primary, .layout-3c #sidebar-secondary { left: 0%; }
#sidebar-after-singular .widget { float: none; margin: 0 0 25px 0; }
.layout-3c #sidebar-primary, .layout-3c #sidebar-secondary { float: none; padding: 0; }
.layout-3c-c #content { right: 0; }
#content.grid-list .hentry { margin-bottom: 40px; }
.layout-3c-c .sidebar-left-nav { right: 0; }
/* Do not disturb the post lists */
ul.post-list .image-container, #content ul.post-list .image-container { float: left !important; }
#content .image-container img { width: 100% !important; }
#primary-menu { display: none; }
#responsive-primary-menu { display: block; position: relative; bottom: 0; padding: 8px 0; border-bottom: 1px solid #ddd; background: #eee; }
-menu-wrap { }
#responsive-select-menu { display: block; outline: none; width: 300px; border: 1px solid #dddddd; padding: 5px; margin: 0 auto; max-width: 85%;
font-family: inherit; font-size: inherit; color: inherit; height: 35px; line-height: 20px; border-radius: 3px;
background-image: url(../images/select.png); background-position: center right; background-repeat: no-repeat; background-color: white;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.box-frame, .box-frame2 { margin-bottom: 15px; }
.heading1 { padding: 15px 25px; }
#portfolio-template .hfeed .clear, #portfolio-full-width .hfeed .clear { padding: 0; }
#portfolio-template .sixcol, #portfolio-full-width .sixcol, #portfolio-template .fourcol, #portfolio-full-width .fourcol,
#portfolio-template .threecol, #portfolio-full-width .threecol { padding: 0; }
.carouselslider-container .entry-summary { display: none; }
.carouselslider-container .flexslider .slides .image-frame { padding: 2px; }
.quote-wrap.alignright, .quote-wrap.alignleft { width: 180px; }
.pullquote, blockquote { font-size: 14px !important; }
.quote-wrap.alignright, blockquote.alignright { margin-left: 15px; }
.quote-wrap.alignleft, blockquote.alignleft { margin-right: 15px; }
#slider-wrap { background: none; border: none; }
#nivo-slider-wrapper { padding: 0; }
.nivo-controlNav { display: none;
/* No need to display bullets in mobile devices */
}
.nivo-caption { left: 0px; bottom: 0px; width: 100%; }
.nivo-caption a { font-size: 22px; }
.nivo-caption .nivo-summary { display: none; }
#slider-area #flex-slider-wrapper, #flex-slider-wrapper .flexslider { padding: 0;
/* allow slider to occupy full width/height */
}
.flex-caption .flex-summary { display: none; }
/* Caption styles */
.flex-caption { left: 0; bottom: 0; width: 100%; padding: 5px 10px 5px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.flex-caption a { font-size: 16px; }
#slider-area .flex-control-nav { display: none; }
.layout-1c #commentform textarea { width: 80%; }
#content ul.post-list.medium-size .image-frame img { width: 124px !important; }
.grid-list .entry-meta .published i { display: none; }
.grid-list .entry-meta .published abbr { font-size: 16px; padding: 0; }
.heading2 .pitch { max-width: none;}
}
/* --------------------------------------Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { width: 100%; }
.sixcol.zero-margin, .fourcol.zero-margin, .threecol.zero-margin { width: 50%; }
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol { width: 48%; height: auto; }
/* Make the grid blog layout two column in smaller tablets but not phones */
.grid-list .sixcol { width: 48%; margin-right: 4%; }
.grid-list .sixcol.last { margin-right: 0; }
.team-info .fourcol, .team-info .threecol, .team-info .fourcol.last, .team-info .threecol.last { width: 46%; margin-right: 4%; }
blockquote.alignleft, blockquote.alignright { width: 200px; padding: 5px 5px 5px 42px; }
}
/* --------------------------------------Mobile Portrait Size to Mobile Landscape Size (devices and browsers) --------------------------------------*/
@media only screen and (max-width: 479px) {
#content .image-container { float: none; margin-bottom: 20px; }
.thumbnail-list .image-container, .thumbnail-list .thumbnail-slider-container, .thumbnail-list .video-box { width: 100% !important; }
.thumbnail-list .entry-text-wrap { width: 100%; }
#header-area-wrap { text-align: center; }
#header-logo, #social-container { position: relative; top: 25px; }
#site-title a, #social-container { display: inline-block; text-align: center; }
#menu-footer { float: left; padding: 10px 0 20px 0; }
.image-wrapper.alignleft, .image-wrapper.alignright { float: none; margin: 0; }
.contact-form textarea { }
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol { width: 100%; height: auto; margin: 0 0 20px 0; }
.client-list img { margin-right: 55px; }
.pricing-table .column.popular { margin-top: 0; }
#content .contact-form fieldset p { display: block; width: 80%; }
}
/* -------------------------------------- prettyPhoto styling for small screens --------------------------------------*/
@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default { width: 100% !important; left: 0 !important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0 !important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0 !important; }
.pp_content { width: 100% !important; height: auto !important; }
.pp_fade { width: 100% !important; height: 100% !important; }
.pp_fade iframe { width: 100% !important;}
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none !important; }
#pp_full_res img { width: 100% !important; height: auto !important; }
.pp_details { width: 94% !important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 20px; background-color: #fff; margin-top: -2px !important; }
a.pp_close { right: 10px !important; top: 10px !important; }
}
/* -------------------------------------- Retina displays like iPhone 4+ and iPad 3+ --------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* abbr.published, .entry-meta .category, .entry-meta .author, .entry-meta .comments-link,
ul#recentcomments li.recentcomments { background-image: url('../images/icons/blog-sprite@2x.png'); background-size: 84px 89px; }*/
.contact-info .street1, .contact-info .email, .contact-info .phone, .contact-info .fax, #reply-title, .team-info .email,
.team-info .phone { background-image: url('../images/icons/widget-sprite@2x.png'); background-size: 120px 109px; }
ul.social-list a { background-image: url('../images/social-icons/social-media-sprite@2x.png'); background-size: 40px 800px; }
#bottom-area ul.social-list a { background-image: url('../images/social-icons/social-media-exp@2x.png'); background-size: 40px 800px; }
/* TODO: Fix the scaled image for pixel perfect positioning */
.social-list .facebook { background-position: 0 -161px; height: 39px; }
.social-list .twitter { background-position: 0 -321px; height: 39px; }
.social-list .youtube { background-position: 0 -401px; height: 39px; }
.social-list .flickr { background-position: 0 -641px; height: 39px; }
.social-list .linkedin { background-position: 0 -481px; height: 39px; }
.social-list .googleplus { background-position: 0 -81px; height: 39px; }
.social-list .rss { background-position: 0 -561px; height: 39px; }
}
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
-webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
}
#site-title a {
background: url("green/logo.png") no-repeat scroll 0 0 transparent;
}
.folded-edge {
background: url("green/fancy-hover-fold.png") no-repeat -9999px -9999px #f9f9f9;
}
a.more-link { background-image: url(green/arrow-more.png); }
.testimonials2-slider-container blockquote .footer,
.testimonials3-slider-container blockquote .footer { background-image: url("green/seperator-testimonials.png"); }
.toggle-label { background-image: url("green/toggle-button-plus.png"); }
.active-toggle .toggle-label { background-image: url("green/toggle-button-minus.png"); }
ul.post-list a:hover { color: #00a57d; }
.post-snippets .hentry .entry-title a:hover { color: #00a57d; }
a, a:active, a:visited { color: #00a57d; }
.byline span i { color: #00a57d; }
.entry-meta span i { color: #00a57d; }
.entry-meta span:hover a { color: #00a57d; }
.loop-nav a:hover { color: #00a57d; }
.pagination span.current, .page-links a:hover, .pagination a:hover { background: #00a57d; }
.sidebar a:hover { color: #00a57d; }
#before-content-wrap.title-area { background: -o-linear-gradient(bottom, #06b188 1%, #00a57d 51%);
background: -moz-linear-gradient(bottom, #06b188 1%, #00a57d 51%); background: -webkit-linear-gradient(bottom, #06b188 1%, #00a57d 51%);
background: -ms-linear-gradient(bottom, #06b188 1%, #00a57d 51%); background: linear-gradient(bottom, #06b188 1%, #00a57d 51%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #06b188), color-stop(0.51, #00a57d));
background-color: #00a57d; border-bottom: 1px solid #f9f9f9; box-shadow: 1px 1px #00a57d; }
#before-content-area a, #before-content-area a:active, #before-content-area a:visited { color: #00a57d; }
#portfolio-filter a:hover { background: #00a57d; }
.dropcap2, .dropcap3, .dropcap4, .dropcap5 { background-color: #00a57d; }
.header-fancy span { background-color: #00a57d; }
h3.fancy-header { background-color: #00a57d; }
.top-of-page a:hover { color: #00a57d; }
.tabs .current, .tabs .current:hover, .tabs li.current a { border-top: 2px solid #00a57d;}
.read-more a { color: #00a57d; }
ul#recentcomments li.recentcomments:before { color: #00a57d; }
.tagcloud a:hover, #bottom-area .tagcloud a:hover { background-color: #00a57d; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-color: #00a57d; }
.flex-control-nav li a.flex-active { background-color: #00a57d; }
#primary-menu > ul > li.current-menu-ancestor { border-top: 4px solid #00a57d; }
#primary-menu > ul > li:hover, #primary-menu > ul > li.sfHover { background-color: #00a57d; }
#primary-menu > ul > li:hover:before, #primary-menu > ul >li.sfHover:before { background: #00a57d; }
div.service-box2:hover h2 a { color: #00a57d; }
div.service-box1:hover { background-color: #00a57d; }
.service-box3:hover { border-color: #00a57d; }
#services-rounded .service-box4:hover h2 { color: #00a57d; }
.heading1 h2, .user-invitation h2, #clients-introduction .title { color: #00a57d; }
#slider-showcase-skills blockquote { border-left: 5px solid #00a57d; }
#column-shortcode-section p { background: #00a57d; }
.pricing-table .pricing-plan h4 { color: #00a57d; }
.heading2 .title { color: #00a57d; }
.fancy-tab .current-tab { background-color: #00a57d; border-color: #00a57d; }
.fancy-tab li.current-tab:hover { background-color: #00a57d; }
#content .contact-form input:focus, #content .contact-form textarea:focus { border: 2px solid rgba(0, 165, 125, 0.5); }
.image-info { background: rgba(0, 165, 125, 0.8); }
span.action-link a:hover { color: #00a57d; }
a.more-link:hover { color: #00a57d; }
.service-box4 [class^="icon-"] { color: #00a57d; }
/**
*
* Custom.css file helps you override css style elements defined in style.css and the skins too. Very handy for customization without touching the
* theme code.
* You may want to backup and retain this file when updating the theme to retain customizations.
*
*/
p.comments-closed {
display: none;
}
/* ---------------------------------------------- Override Syntax Highlighter ----------------------------------------- */
.syntaxhighlighter.nogutter {
border: 1px solid #E0E0E0 !important;
}
#yarpp-related-posts {
margin-top: 0px;
}