/* Minification failed. Returning unminified contents. (2269,1): run-time error CSS1019: Unexpected token, found '@import' (2269,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,700')' (2270,1): run-time error CSS1019: Unexpected token, found '@import' (2270,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Oswald:400,500')' (2271,1): run-time error CSS1019: Unexpected token, found '@import' (2271,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Source+Sans+Pro')' (2917,1): run-time error CSS1035: Expected colon, found '}' (6074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6100,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (6347,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6349,9): run-time error CSS1035: Expected colon, found ',' (6381,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6383,9): run-time error CSS1035: Expected colon, found ',' (6422,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6424,9): run-time error CSS1035: Expected colon, found ',' (6436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6438,9): run-time error CSS1035: Expected colon, found ',' (6457,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6458,10): run-time error CSS1035: Expected colon, found '{' (6474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6475,10): run-time error CSS1035: Expected colon, found '{' (6496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6497,10): run-time error CSS1035: Expected colon, found '{' (6533,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6534,10): run-time error CSS1035: Expected colon, found '{' (6575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6577,9): run-time error CSS1035: Expected colon, found ',' (6601,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6603,9): run-time error CSS1035: Expected colon, found ',' (6632,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6668,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6707,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6734,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6768,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6769,10): run-time error CSS1035: Expected colon, found '{' (6801,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6802,10): run-time error CSS1035: Expected colon, found '{' (6841,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6842,10): run-time error CSS1035: Expected colon, found '{' (6878,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6879,10): run-time error CSS1035: Expected colon, found '{' (6920,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6922,9): run-time error CSS1035: Expected colon, found ',' (6965,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6967,9): run-time error CSS1035: Expected colon, found ',' (7017,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7044,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7082,9): run-time error CSS1035: Expected colon, found ',' (7126,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7128,9): run-time error CSS1035: Expected colon, found ',' (7179,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7181,9): run-time error CSS1035: Expected colon, found ',' (7218,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7220,9): run-time error CSS1035: Expected colon, found ',' (7262,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7264,9): run-time error CSS1035: Expected colon, found ',' (7301,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7303,9): run-time error CSS1035: Expected colon, found ',' (7345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7347,9): run-time error CSS1035: Expected colon, found ',' (7384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7386,9): run-time error CSS1035: Expected colon, found ',' (7428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7430,9): run-time error CSS1035: Expected colon, found ',' (7467,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7469,9): run-time error CSS1035: Expected colon, found ',' (7511,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7531,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7578,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7603,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7617,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7636,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7650,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7689,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (7714,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7715,10): run-time error CSS1035: Expected colon, found '{' (7724,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7725,10): run-time error CSS1035: Expected colon, found '{' (7739,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7740,10): run-time error CSS1035: Expected colon, found '{' (7753,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7754,10): run-time error CSS1035: Expected colon, found '{' (7772,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7773,10): run-time error CSS1035: Expected colon, found '{' (7786,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7787,10): run-time error CSS1035: Expected colon, found '{' (7805,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7806,10): run-time error CSS1035: Expected colon, found '{' (7819,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7820,10): run-time error CSS1035: Expected colon, found '{' (7838,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7839,10): run-time error CSS1035: Expected colon, found '{' (7852,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7853,10): run-time error CSS1035: Expected colon, found '{' (7871,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7872,10): run-time error CSS1035: Expected colon, found '{' (7885,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7886,10): run-time error CSS1035: Expected colon, found '{' (7904,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7905,10): run-time error CSS1035: Expected colon, found '{' (7918,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7919,10): run-time error CSS1035: Expected colon, found '{' (7937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7938,10): run-time error CSS1035: Expected colon, found '{' (7951,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7952,10): run-time error CSS1035: Expected colon, found '{' (7970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7971,10): run-time error CSS1035: Expected colon, found '{' (7984,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7985,10): run-time error CSS1035: Expected colon, found '{' (8003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8004,10): run-time error CSS1035: Expected colon, found '{' (8013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8014,10): run-time error CSS1035: Expected colon, found '{' (8028,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8029,10): run-time error CSS1035: Expected colon, found '{' (8040,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8041,10): run-time error CSS1035: Expected colon, found '{' (8057,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8058,10): run-time error CSS1035: Expected colon, found '{' (8069,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8070,10): run-time error CSS1035: Expected colon, found '{' (8086,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8087,10): run-time error CSS1035: Expected colon, found '{' (8098,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8099,10): run-time error CSS1035: Expected colon, found '{' (8115,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8116,10): run-time error CSS1035: Expected colon, found '{' (8127,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8128,10): run-time error CSS1035: Expected colon, found '{' (8144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8145,10): run-time error CSS1035: Expected colon, found '{' (8156,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8157,10): run-time error CSS1035: Expected colon, found '{' (8173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8174,10): run-time error CSS1035: Expected colon, found '{' (8185,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8186,10): run-time error CSS1035: Expected colon, found '{' (8202,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8203,10): run-time error CSS1035: Expected colon, found '{' (8214,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8215,10): run-time error CSS1035: Expected colon, found '{' (8231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8232,10): run-time error CSS1035: Expected colon, found '{' (8243,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8244,10): run-time error CSS1035: Expected colon, found '{' (8260,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8261,10): run-time error CSS1035: Expected colon, found '{' (8297,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8298,10): run-time error CSS1035: Expected colon, found '{' (8341,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8342,10): run-time error CSS1035: Expected colon, found '{' (8374,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8375,10): run-time error CSS1035: Expected colon, found '{' (8414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8415,10): run-time error CSS1035: Expected colon, found '{' (8447,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8448,10): run-time error CSS1035: Expected colon, found '{' (8487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8488,10): run-time error CSS1035: Expected colon, found '{' (8506,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8507,10): run-time error CSS1035: Expected colon, found '{' (8534,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8535,10): run-time error CSS1035: Expected colon, found '{' (8553,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8554,10): run-time error CSS1035: Expected colon, found '{' (8581,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8582,10): run-time error CSS1035: Expected colon, found '{' (8605,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8606,10): run-time error CSS1035: Expected colon, found '{' (8636,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8637,10): run-time error CSS1035: Expected colon, found '{' (8648,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8649,10): run-time error CSS1035: Expected colon, found '{' (8667,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8668,10): run-time error CSS1035: Expected colon, found '{' (8685,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8686,10): run-time error CSS1035: Expected colon, found '{' (8708,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8709,10): run-time error CSS1035: Expected colon, found '{' (8726,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8727,10): run-time error CSS1035: Expected colon, found '{' (8749,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8750,10): run-time error CSS1035: Expected colon, found '{' (8767,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8768,10): run-time error CSS1035: Expected colon, found '{' (8790,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8791,10): run-time error CSS1035: Expected colon, found '{' (8808,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8809,10): run-time error CSS1035: Expected colon, found '{' (8831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8832,10): run-time error CSS1035: Expected colon, found '{' (8849,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8850,10): run-time error CSS1035: Expected colon, found '{' (8872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8873,10): run-time error CSS1035: Expected colon, found '{' (8888,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8889,10): run-time error CSS1035: Expected colon, found '{' (8909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8910,10): run-time error CSS1035: Expected colon, found '{' (8925,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8926,10): run-time error CSS1035: Expected colon, found '{' (8946,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8947,10): run-time error CSS1035: Expected colon, found '{' (8962,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8963,10): run-time error CSS1035: Expected colon, found '{' (8983,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,10): run-time error CSS1035: Expected colon, found '{' (8999,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9000,10): run-time error CSS1035: Expected colon, found '{' (9020,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9021,10): run-time error CSS1035: Expected colon, found '{' (9036,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9037,10): run-time error CSS1035: Expected colon, found '{' (9057,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9093,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9137,10): run-time error CSS1035: Expected colon, found '{' (9162,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9163,10): run-time error CSS1035: Expected colon, found '{' (9195,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9196,10): run-time error CSS1035: Expected colon, found '{' (9209,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9210,10): run-time error CSS1035: Expected colon, found '{' (9230,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9231,10): run-time error CSS1035: Expected colon, found '{' (9242,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9243,10): run-time error CSS1035: Expected colon, found '{' (9259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9260,10): run-time error CSS1035: Expected colon, found '{' (9271,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9272,10): run-time error CSS1035: Expected colon, found '{' (9288,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9289,10): run-time error CSS1035: Expected colon, found '{' (9306,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9307,10): run-time error CSS1035: Expected colon, found '{' (9329,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9330,10): run-time error CSS1035: Expected colon, found '{' (9347,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9348,10): run-time error CSS1035: Expected colon, found '{' (9370,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9371,10): run-time error CSS1035: Expected colon, found '{' (9388,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9389,10): run-time error CSS1035: Expected colon, found '{' (9411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9412,10): run-time error CSS1035: Expected colon, found '{' (9429,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9430,10): run-time error CSS1035: Expected colon, found '{' (9452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9453,10): run-time error CSS1035: Expected colon, found '{' (9468,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9469,10): run-time error CSS1035: Expected colon, found '{' (9489,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9509,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9534,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9550,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9571,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9587,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9628,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9653,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9654,10): run-time error CSS1035: Expected colon, found '{' (9666,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9667,10): run-time error CSS1035: Expected colon, found '{' (9684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9685,10): run-time error CSS1035: Expected colon, found '{' (9697,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9698,10): run-time error CSS1035: Expected colon, found '{' (9715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9716,10): run-time error CSS1035: Expected colon, found '{' (9728,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9729,10): run-time error CSS1035: Expected colon, found '{' (9746,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9747,10): run-time error CSS1035: Expected colon, found '{' (9759,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9760,10): run-time error CSS1035: Expected colon, found '{' (9777,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9778,10): run-time error CSS1035: Expected colon, found '{' (9790,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9791,10): run-time error CSS1035: Expected colon, found '{' (9808,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9809,10): run-time error CSS1035: Expected colon, found '{' (9821,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9822,10): run-time error CSS1035: Expected colon, found '{' (9839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9840,10): run-time error CSS1035: Expected colon, found '{' (9852,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9853,10): run-time error CSS1035: Expected colon, found '{' (9870,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9871,10): run-time error CSS1035: Expected colon, found '{' (9883,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9884,10): run-time error CSS1035: Expected colon, found '{' (11440,18): run-time error CSS1031: Expected selector, found ']' (11440,18): run-time error CSS1025: Expected comma or open brace, found ']' */ @import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700'); .dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width:100%; } .dk-selected { white-space: nowrap; overflow: hidden; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; display:block; line-height:30px; } .dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; } .dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; } .dk-selected:after { top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.5em 0 0; } .dk-selected-disabled { color: #BBBBBB; } .dk-select .dk-select-options { position: absolute; display: none; left: 0; right: 0; } .dk-select-open-up .dk-select-options { border-radius: 0.4em 0.4em 0 0; margin-bottom: -1px; bottom: 100%; } .dk-select-open-down .dk-select-options { border-radius: 0 0 0.4em 0.4em; margin-top: -1px; top: 100%; } .dk-select-multi .dk-select-options { max-height: 10em; } .dk-select-options { background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; list-style: none; margin: 0; max-height: 10.5em; min-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0.25em 0; width: auto; z-index: 100; } .dk-option-selected { background-color: #3297fd; color: #fff; } .dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; } .dk-option { padding: 0 0.5em; } .dk-select-options .dk-option-highlight { background-color: #3297fd; color: #fff; } .dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; } .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; } .dk-optgroup + .dk-option { margin-top: 0.25em; } .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; } .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; } .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; } .dk-optgroup-options { list-style: none; padding-left: 0; } .dk-optgroup-options li { padding-left: 1.2em; } .dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #3297fd; } .dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #3297fd; } .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: #3297fd; } .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: #3297fd; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: #3297fd; } .dk-select-multi:hover, .dk-select-multi:focus { outline: none; } .dk-selected:hover, .dk-selected:focus { outline: none; border-color: #3297fd; } .dk-selected:hover:before, .dk-selected:focus:before { border-top-color: #3297fd; } .dk-selected:hover:after, .dk-selected:focus:after { border-left-color: #3297fd; } .dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; } .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; } .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; } select[data-dkcacheid] { display: none; } .customSelect .dk-select + select{ display:none; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.4.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover:not([disabled]){color:#fff}.fancybox-button[disabled]{cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2),.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#888;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{box-shadow:0 1px 2px rgba(0,0,0,.5);text-decoration:none;color:#555}.fancybox-share_button svg{margin-right:5px;width:23px;height:23px;vertical-align:top}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs>ul::-webkit-scrollbar-track{background:transparent;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* Custom button design */ .fancybox-toolbar .fancybox-button { background: transparent; color: #333; } .fancybox-toolbar .fancybox-button:hover:not([disabled]) { background: rgba(223, 223, 223, 0.5); color: #c11c95; } .fancybox-navigation .fancybox-button:before { display: none; } .fancybox-navigation .fancybox-button { color: #444 !important; padding: 7px; z-index: 99996; } /* Make close button a bit bigger */ .fancybox-button--close { padding: 7px; } /* Change background color */ .fancybox-bg { background: #eee; } /* Hide caption initially */ .caption { display: none; } /* Change position and design of caption area */ .fancybox-caption-wrap { top: 0; right: 0; bottom: 0; left: auto; width: 300px; padding-top: 40px; z-index: 99996; background: #eee; box-shadow: 0 0 20px #888; /* Make caption clickable */ pointer-events: all; /* Hide next to right edge */ transform: translate3d(320px, 0, 0); } /* Overwrite the default animation */ .fancybox-show-caption .fancybox-caption-wrap, .fancybox-caption-wrap { transition: transform .2s; } /* Reveal caption */ .fancybox-show-caption.fancybox-vertical-caption .fancybox-caption-wrap { transform: translate3d(0, 0, 0); } /* Styling of caption content */ .fancybox-caption { height: 100%; padding: 0; border: 0; color: #222; overflow: auto; } .fancybox-caption a { color: #333; } .fancy-nav a { text-decoration: none; font-weight: normal; font-size: 20px; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #444; color: #fff; border-radius: 50%; display: inline-block; width: 22px; height: 22px; line-height: 18px; text-align: center; -moz-user-select: none; user-select: none; vertical-align: baseline; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos] { pointer-events: none } [data-aos].aos-animate { pointer-events: auto } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: none; transform: none } html:not(.no-js) [data-aos=fade-up] { -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0) } html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0) } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0) } html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0) } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px,100px,0); transform: translate3d(-100px,100px,0) } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform: translate3d(100px,100px,0); transform: translate3d(100px,100px,0) } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px,-100px,0); transform: translate3d(-100px,-100px,0) } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform: translate3d(100px,-100px,0); transform: translate3d(100px,-100px,0) } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } html:not(.no-js) [data-aos=zoom-in] { -webkit-transform: scale(.6); transform: scale(.6) } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform: translate3d(0,100px,0) scale(.6); transform: translate3d(0,100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform: translate3d(0,-100px,0) scale(.6); transform: translate3d(0,-100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px,0,0) scale(.6); transform: translate3d(-100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px,0,0) scale(.6); transform: translate3d(100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2) } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform: translate3d(0,100px,0) scale(1.2); transform: translate3d(0,100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform: translate3d(0,-100px,0) scale(1.2); transform: translate3d(0,-100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px,0,0) scale(1.2); transform: translate3d(-100px,0,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px,0,0) scale(1.2); transform: translate3d(100px,0,0) scale(1.2) } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; visibility: hidden } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0) } html:not(.no-js) [data-aos=slide-up] { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } html:not(.no-js) [data-aos=slide-down] { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } html:not(.no-js) [data-aos=slide-right] { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } html:not(.no-js) [data-aos=slide-left] { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform } html:not(.no-js) [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg) } html:not(.no-js) [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg) } html:not(.no-js) [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg) } html:not(.no-js) [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } html:not(.no-js) [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg) } html:not(.no-js) [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } } /********************************************************************Common css***********************************************/ /************************************* Reset Styles ********************************/ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } td, div { vertical-align: top; } * { outline: none; } li, ol { list-style-type: none; list-style-image: none; list-style: none; } img { border: 0px; } textarea { resize: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } a { text-decoration: none; } input, textarea, select, body { font-size: 14px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .inputEntity input[type=text], .inputEntity input[type=password], .inputEntity textarea, .dk-selected, .fileUpload { -webkit-appearance: none; -webkit-border-radius: 0; } /************************************* Reset End Styles ********************************/ /**************************************Grid styles*****************************/ .container { margin: 0 auto; } *, *:after, *:before { box-sizing: border-box; } @media (max-width:768px) { .container { margin: 0 10px; } } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1140px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px } .row { margin-left: -12px; margin-right: -12px } .row.noSpace { margin-left: 0; margin-right: 0 } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .noSpace .col-xs-1, .smallerRowSpace .col-sm-1, .smallerRowSpace .col-md-1, .smallerRowSpace .col-lg-1, .smallerRowSpace .col-xs-2, .smallerRowSpace .col-sm-2, .smallerRowSpace .col-md-2, .smallerRowSpace .col-lg-2, .smallerRowSpace .col-xs-3, .smallerRowSpace .col-sm-3, .smallerRowSpace .col-md-3, .smallerRowSpace .col-lg-3, .smallerRowSpace .col-xs-4, .smallerRowSpace .col-sm-4, .smallerRowSpace .col-md-4, .smallerRowSpace .col-lg-4, .smallerRowSpace .col-xs-5, .smallerRowSpace .col-sm-5, .smallerRowSpace .col-md-5, .smallerRowSpace .col-lg-5, .smallerRowSpace .col-xs-6, .smallerRowSpace .col-sm-6, .smallerRowSpace .col-md-6, .smallerRowSpace .col-lg-6, .smallerRowSpace .col-xs-7, .smallerRowSpace .col-sm-7, .smallerRowSpace .col-md-7, .smallerRowSpace .col-lg-7, .smallerRowSpace .col-xs-8, .smallerRowSpace .col-sm-8, .smallerRowSpace .col-md-8, .smallerRowSpace .col-lg-8, .smallerRowSpace .col-xs-9, .smallerRowSpace .col-sm-9, .smallerRowSpace .col-md-9, .smallerRowSpace .col-lg-9, .smallerRowSpace .col-xs-10, .smallerRowSpace .col-sm-10, .smallerRowSpace .col-md-10, .smallerRowSpace .col-lg-10, .smallerRowSpace .col-xs-11, .smallerRowSpace .col-sm-11, .smallerRowSpace .col-md-11, .smallerRowSpace .col-lg-11, .smallerRowSpace .col-xs-12, .smallerRowSpace .col-sm-12, .smallerRowSpace .col-md-12, .smallerRowSpace .col-lg-12 { padding-left: 3px; padding-right: 3px } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } @media (min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } } @media (min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } } @media (min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clearContainer:after { content: " "; display: table } .clearfix:after, .container:after, .container-fluid:after, .row:after, .clearContainer:after { clear: both } /**************************************Grid End Styles*****************************/ /************************************* Common Styles ********************************/ .rightAlign { text-align: right; } .centerAligned { text-align: center; } .centeredBlock { margin-left: auto; margin-right: auto; float: none; } .fullWidth { width: 100%; } .floatLeft { float: left; } .floatRight { float: right; } .posRelative { position: relative; } .absolutePos { position: absolute; } .textDecorationNone { text-decoration: none; } .textDecorationUnderline { text-decoration: underline; } .fontWeightBold { font-weight: bold; } .clearBoth { clear: both; } .clearRight { clear: right; } input, textarea, select, body, .smallTop a, .mainMenu a { color: #868686; } .showFade { transition: all linear 400ms; -moz-transition: all linear 400ms; -webkit-transition: all linear 400ms; -ms-transition: all linear 400ms; } /************************************* Common End Styles ********************************/ /***********Dropdown Styles************/ .dropDownImage { float: left; margin-right: 10px; margin-top: 3px; } .dropDownImage img { display: block; } .dropDownImage + .dropDownText { padding-left: 27px; display: block; } .dropDownToggle { position: relative; padding-right: 14px; } .dropDown { display: inline-block; position: relative; text-align: left; } .dropDownToggle { display: block; } .dropDownMenu { display: none; position: absolute; top: 100%; white-space: nowrap; z-index: 111; } .dropDownMenu li { } .noPad { padding-left: 0; padding-right: 0; } /***********Dropdown End Styles************/ /************************************* Website Styles ********************************/ .listingImage { overflow: hidden; position: relative; } .listingImage.imageBg { min-height: 100%; } .listingImage a { display: block; } .listingImage img { max-width: 100%; width: 100%; } .listingItem a { color: inherit; } .listingHolder > li { margin-bottom: 30px; } /*image zoom on rollover*/ .zoomhover img { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; image-rendering: -webkit-optimize-contrast; } .listingItem:hover .zoomhover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .imageBg a { background-size: cover; background-position: center center; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .imageBg:hover a { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*.listingImage a{ display: block; width:100%; height: 100%; }*/ /*image rollover with button*/ .hoverLink { position: relative; } .hoverLink a { position: absolute; width: 100%; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; opacity: 0; z-index: 10; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .hoverLink a span { color: #FFF; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hoverLink:hover a { opacity: 1; } /*Ajax Loader*/ .ajaxLoader { position: relative; width: 100%; height: 20px; background: rgba(255, 255, 255, 0.7); z-index: 2000; text-align: center; } .ajaxLoader::before { content: "\f1ce"; font-size: 30px; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; display: inline-block; } .breadCrumbInsideCont a { color: inherit; } .breadCrumbInsideCont a:hover { opacity: 0.7; } .breadCrumbInsideCont a.active { opacity: 0.7; cursor: default; } .nav.inlinedList li { display: inline-block; padding: 0 8px; } .owl-carousel .owl-prev, .owl-carousel .owl-next { font-size: 35px; position: absolute; left: -30px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .owl-carousel .owl-next { left: auto; right: -30px; } .owl-carousel.owl-prev:hover, .owl-carousel .owl-next:hover { opacity: 0.7; } .owl-nav > div.disabled { display: none; } .owl-dot { width: 10px; height: 10px; border: 1px solid #000; border-radius: 100px; -webkit-border-radius: 100px; display: inline-block; margin-left: 5px; } .owl-dots .owl-dot:first-child { margin-left: 0; } .owl-dot.active, .owl-dot:hover { background: #000; } .owlslider .listingItemLI { padding: 0; width: 100%; } .owlslider .row { margin: 0; } .submitHolder, .resetHolder { display: inline-block; } /*** Border between rows ***/ .fourColBorder .listingHolder > li .listingItem, .threeColBorder .listingHolder > li .listingItem, .twoColBorder .listingHolder > li .listingItem { padding-top: 30px; } .fourColBorder .listingHolder > li .listingItem::after, .threeColBorder .listingHolder > li .listingItem::after, .twoColBorder .listingHolder > li .listingItem::after { content: ""; width: 100%; height: 1px; left: 15px; position: absolute; top: 0; background: #eee; } .fourColBorder .listingHolder > li:first-child .listingItem::after, .fourColBorder .listingHolder > li:nth-child(2) .listingItem::after, .fourColBorder .listingHolder > li:nth-child(3) .listingItem::after, .fourColBorder .listingHolder > li:nth-child(4) .listingItem::after, .threeColBorder .listingHolder > li:first-child .listingItem::after, .threeColBorder .listingHolder > li:nth-child(2) .listingItem::after, .threeColBorder .listingHolder > li:nth-child(3) .listingItem::after, .twoColBorder .listingHolder > li:first-child .listingItem::after, .twoColBorder .listingHolder > li:nth-child(2) .listingItem::after { display: none; } .fourColBorder .listingHolder > li:first-child .listingItem, .fourColBorder .listingHolder > li:nth-child(2) .listingItem, .fourColBorder .listingHolder > li:nth-child(3) .listingItem, .fourColBorder .listingHolder > li:nth-child(4) .listingItem, .threeColBorder .listingHolder > li:first-child .listingItem, .threeColBorder .listingHolder > li:nth-child(2) .listingItem, .threeColBorder .listingHolder > li:nth-child(3) .listingItem, .twoColBorder .listingHolder > li:first-child .listingItem, .twoColBorder .listingHolder > li:nth-child(2) .listingItem { padding-top: 0; } /*** FIRST ITEM FULL WIDTH ****/ .firstFullWidth .listingHolder > li:first-child { width: 100% !important; } .googleMap > div:first-child { width: 100%; height: 500px !important; margin-bottom: 20px; } .headerSearch, .headerBtns { margin-left: 10px; } .btnPrimary a, .viewAllBottom a, .btnSecondary a { color: #FFF; border: 1px solid #000; padding: 0 55px; height: 48px; line-height: 48px; display: inline-block; background: #000; } .btnPrimary a:hover { color: #000; background-color: transparent; } .btnSecondary a, .viewAllBottom a { color: #000; background: transparent; } .btnSecondary a:hover, .viewAllBottom a:hover { color: #FFF; background-color: #000; border-color: #000; } .readMore a:hover { text-decoration: underline; } /*# sourceMappingURL=toolkit.css.map */ @import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Oswald:400,500'); @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); body { font-family: 'Fira Sans', sans-serif; font-weight: 400; color: #2f2f2f; } header { padding-top: 15px; position: fixed; width: 100%; background: white; z-index: 40 } .homePageTitle img { width: 347px; } ul#ulNewsListing18 li:nth-child(10) { clear: both; } .zoomhover img { border: 1px solid #dbdbdb } #loaderWrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } a.clickWarche { text-decoration: underline; font-weight: 700; color: #000; } .publicationList.owl-carousel { display: block !important; } .youtubeVideoHolder iframe { max-width: 100%; position: static !important; } .tabsMain { padding-top: 125px; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; z-index: 1001; font-size: 20px; text-align: center; } #loaderWrapper .loader-section { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1000; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); left: 0; } .loaded #loaderWrapper .loader-section.section-left { /*-webkit-transform: translateX(-100%) translateY(-100%); -ms-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); -webkit-transition: all 0.7s 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);*/ -webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -ms-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; opacity: 0; } .submitHolder:hover:after { height: 4px; width: 50px; top: 2px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } span.shareProjectPubBtn:hover { padding-top: 7px; } .loaded #loader { opacity: 0; /*-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;*/ } .loaded #loaderWrapper { visibility: hidden; -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; opacity: 0; } .no-js #loaderWrapper { display: none; } .borderBottom { border-bottom: 1px solid #eaeaea; margin-bottom: 40px; padding-bottom: 45px; } .detailsTitle { color: #1f1f1f; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 2px; } .detailsDescription a { text-decoration: underline; font-weight: 700; color: #000; } .detailsInfos { position: relative; margin-right: 40px; } .imageQuote { background-color: #FFF; padding: 30px; position: absolute; bottom: -30px; left: 55px; line-height: 26px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 500; text-transform: uppercase; } .imageQuote p { position: relative; padding: 0 50px; } .imageQuote p:before, .imageQuote p:after { position: absolute; content: ''; width: 38px; height: 30px; background-image: url(../images/leftQuote.png); left: 0; top: 0; background-repeat: no-repeat; } .imageQuote p:after { background-image: url(../images/rightQuote.png); left: auto; top: auto; right: 0; bottom: 5px; } .detailsImage img { width: 100%; } .blockTitle span { font-size: 20px; color: #ccc; display: block; text-transform: none; } .subTitle { text-transform: uppercase; text-align: center; font-size: 24px; color: #515153; letter-spacing: 2px; font-family: 'Oswald', sans-serif; margin-bottom: 40px; font-weight: normal; } .viewProject { position: absolute; bottom: 8px; } .publicationList li { margin-bottom: 25px; overflow: hidden; } /* .publicationList li a { width: 350px; color: white; display: block; padding: 3px 10px 0px 10px; } */ /* .publicationList li a img { max-width: 100%; display: block; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); border: 1px solid #dbdbdb; padding: 10px; }*/ /*li.module.col-sm-4.bounce-up.in-view.bounce-up-withAnim img { max-width: 100%; display: block; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); border: 1px solid #dbdbdb; padding: 10px; }*/ /* img.borderImagePub { max-width: 100%; display: block; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); border: 1px solid #dbdbdb; padding: 10px; } */ .publicationList li:hover img { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .publicationList li .mask { position: absolute; top: 0; padding: 30px; opacity: 0; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; left: 0; } .publicationList li:hover { cursor: pointer; } .publicationList li:hover .mask { opacity: 1; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; z-index: 5; } .publicationList li .mask h2 { letter-spacing: 5px; font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .publicationList li .mask .listingDate { letter-spacing: 5px; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 15px; color: white; } .publicationList li .mask p { font-weight: 300; margin-bottom: 70px; line-height: 22px; font-size: 16px; color: white } .publicationList li .mask .readMore { height: 66px; background: transparent url(../images/readmoreBtn.png) top left no-repeat; border: none; width: 66px; text-align: center; margin: 0 auto; display: block; } .module:nth-child(3n+1) { clear: left; } .module:nth-of-type(2) { margin-top: 100px; } .module:nth-of-type(3) { margin-top: 25px; } .publicationList { position: relative; } .bounce-up-withAnim.bounce-up { opacity: 0; -webkit-transform: translate3d(0px, 200px, 0px); -o-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate3d(0px, 200, 0px); } .bounce-up-withAnim.bounce-up-withAnim.bounce-up { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .bounce-up-withAnim.bounce-up.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .bounce-up-withAnim.bounce-up.in-view { opacity: 1; } .fancybox-button--close { background: transparent url(../images/close.png) top right no-repeat !important; width: 50px; height: 50px; display: block; position: absolute; right: 50px; top: 50px; } .fancybox-button.fancybox-button--arrow_left { background: transparent url(../images/leftArrow.png) top right no-repeat !important; width: 41px; height: 81px; display: block; position: absolute; left: 23.5%; top: 50%; margin-top: -40px; } .fancybox-button.fancybox-button--arrow_right { background: transparent url(../images/rightArrow.png) top right no-repeat !important; width: 41px; height: 81px; display: block; position: absolute; right: 25.5%; top: 50%; margin-top: -40px; } .fancybox-button--close svg, .fancybox-button.fancybox-button--arrow_left svg, .fancybox-button.fancybox-button--arrow_right svg { display: none; } .projectList li { border-bottom: 1px solid #ededed; padding-bottom: 15px; margin-bottom: 15px; } .projectList li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .projectList .listingDate { font-size: 16px; font-weight: 300; margin-bottom: 15px; } .projectList h3 { font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; letter-spacing: 1.6px; line-height: 26px; margin-bottom: 5px; text-transform: uppercase; } .projectList .executorName { font-size: 16px; font-weight: 300; } .fancybox-slide--iframe .fancybox-content { width: 800px; height: 600px; max-width: 80%; max-height: 80%; } .videoList li { margin-bottom: 40px; font-size: 20px; font-weight: 500; font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #000; text-transform: uppercase; } .videoList .module:nth-of-type(2), .videoList .module:nth-of-type(3) { margin-top: 0; } .videoList .module:nth-child(3n+1) { clear: none; } .youtubeVideoHolder.smallerVideo.paddingBackground { transition: all .5s ease-in-out; overflow: hidden; position: relative; } .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; cursor: pointer; padding: 7px; min-width: 100% } .youtubeVideoHolder.smallerVideo.paddingBackground:hover img { transform: scale(1.03); } .videoList li a.showVideo:before { position: absolute; content: ''; background-image: url(../images/playVideo.png); width: 95px; height: 95px; top: 50%; left: 50%; margin-top: -47.5px; margin-left: -47.5px; z-index: 10; } .videoList li a.showVideo:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(41, 41, 41, 0.5); -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-out; } .homePageLanding a.showVideo.fancybox.youtubeVideo, .videoList li a, .homePageLanding a.youtubeVideo, .publicationList li a { position: absolute; height: calc(100% - 14px); display: inline-block; position: absolute; left: 7px; width: calc(100% - 15px); overflow: hidden; top: 7px; z-index: 2 } .videoList li a:hover:after { background-color: rgba(41, 41, 41, 0.6); } .videoList li a:hover img { opacity: 0.8; } /*.videoList li a:hover:before { background-image: url(../images/playVideoHover.png); }*/ .videoList li img { max-width: 100%; margin-bottom: 0; } .videoList li a img { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); margin-bottom: 0; max-width: 100%; display: block; } .videoList li a { /* font-size: 20px; font-weight: 500; font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: black; position: absolute; display: inline-block; width: 100%; height: 100%; letter-spacing: 2px; overflow: hidden; text-transform: uppercase;*/ } .contactUs { text-align: center; margin: 0 auto; margin-bottom: 40px; } .contactUs li { display: block; font-weight: 400; color: #1f1f1f; font-size: 18px; width: 100%; vertical-align: top; } .contactUs li a { font-weight: 300; color: #1f1f1f; font-size: 18px; font-family: 'Fira Sans', sans-serif; position: relative; } .contactUs li a:hover { text-decoration: underline; } .contactUs li:first-child { margin-bottom: 9px; } .contactUs li img { margin-right: 5px; position: absolute; left: -22px; } .contactUs li.emailParent img { left: -27px; top: 4px; } .newsLetter { margin: 0 auto 36px; text-align: center; padding-top } .newsLetter h5 { display: inline-block; color: #1f1f1f; font-size: 16px; text-transform: uppercase; line-height: 50px; letter-spacing: 4px; font-weight: 400; font-family: 'Oswald', sans-serif; margin-right: 30px; } .newsLetter .newsletterSearch { display: inline-block; position: relative; } .newsletterSearch input[type="text"] { height: 50px; line-height: 50px; padding: 0 10px; width: 546px; } .newsletterSearch { position: relative; } .newsletterSearch:after { position: absolute; content: ''; right: 100px; top: 10px; background-color: #515151; width: 1px; height: calc(100% - 20px); } .newsletterSearch input[type="submit"] { height: 30px; position: absolute; z-index: 999; background: transparent url(../images/arrow.png) 100% center no-repeat; border: none; right: 14px; top: 0; width: 103px; font-family: 'Source Sans Pro', sans-serif; color: #1f1f1f; font-size: 15px; cursor: pointer; top: 10px; bottom: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .newsletterSearch input[type="submit"]:hover { opacity: 0.7; color: black; } .newsletterSearch input[type="submit"]:hover { transform: translate(6px, 0); } footer { margin-bottom: 40px; } .socialMedia { text-align: right; } .socialMedia a { background-size: 24px 24px; width: 24px; height: 24px; background-repeat: no-repeat; display: inline-block; margin-left: 10px; line-height: 24px; } /*.socialMedia a:hover { opacity: 0.7; }*/ .socialMedia a:first-child { margin-left: 0; } .socialMedia span { font-size: 15px; color: #1f1f1f; display: inline-block; font-family: 'Source Sans Pro', sans-serif; } .facebook { background-image: url(/images/facebook.png); } .twitter { background-image: url(/images/twitter.png); } .instagram { background-image: url(/images/instagram.png); } .youtube { background-image: url(/images/youtube.png); } .vimeo { background-image: url(/images/vimeo-icon.png); } .linkedin { background-image: url(/images/linkedin.png); } .fancybox-infobar { display: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b7b7b7; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; } ::-moz-placeholder { /* Firefox 19+ */ color: #b7b7b7; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; } :-ms-input-placeholder { /* IE 10+ */ color: #b7b7b7; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; } :-moz-placeholder { /* Firefox 18- */ color: #b7b7b7; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; } /******Michel***/ .container { margin: 0 auto; width: 1140px; } li.owl-carousel-Items.landingBannerPhoto.sameHeightWidth img { height: 100vh; } .landingfullBanner { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; /*background-image: url(../images/landingPage.jpg);*/ position: fixed; z-index: 41; background-attachment: fixed; } /*.fakeMainBanner{height:100vh;width:100%;} .fakeMainBanner.hidden{ display:none; }*/ .middleTitle { color: white; font-size: 28px; font-weight: 600; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 10px; z-index: 51; position: fixed; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .homePageLanding { position: relative; z-index: 50; } /* .homePageLanding:before { content: ''; height: 100%; width: 100%; background-color: #fff; z-index: 41; position: absolute; top: 0; left: 0; } */ .homePageLanding.beforeHidden:before { display: none; } .homePageLanding .landingfullBanner { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; -ms-transition: all 1000ms ease-in; -o-transition: all 1000ms ease-in; transition: all 1000ms ease-in; } .homePageLanding.beforeHidden .landingfullBanner { opacity: 0; visibility: hidden; } .fadeoutClass { opacity: 0; visibility: hidden; } .homePageMainHeader .homePageTitle { opacity: 0; -webkit-transition: all 1600ms ease-in; -moz-transition: all 1600ms ease-in; -ms-transition: all 1600ms ease-in; -o-transition: all 1600ms ease-in; transition: all 1600ms ease-in; } .beforeHidden .homePageTitle { opacity: 1; } .middleTitle.fixedTop { top: 57px; font-size: 22px; letter-spacing: 0; color: #525254; z-index: 30; font-weight: 600; letter-spacing: 3px; opacity: 0; } .middleTitle.scrolledTitle { top: 57px; font-size: 22px; letter-spacing: 0; color: #525254; z-index: 30; font-weight: 600; letter-spacing: 3px; opacity: 0; } .arrowDown { position: fixed; bottom: 0px; left: 50%; z-index: 20; -webkit-animation: mymove 1s infinite; } .arrowDown a { display: block; padding: 20px; } .rightText { position: absolute; bottom: 12px; color: white; right: 25px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; z-index: 5; letter-spacing: 2px; } .leftText { position: fixed; bottom: 12px; left: 25px; color: white; font-size: 12px; font-family: 'Fira Sans', sans-serif; z-index: 5; } .layerDown:after { content: ""; position: absolute; bottom: 0; z-index: 0; background-image: url(../images/layerBanner.png); background-repeat: no-repeat; background-size: cover; height: 130px; width: 100%; } .homePageTitle { font-size: 30px; color: #515153; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; text-align: center; letter-spacing: 4px; } /*.homePageLanding .tabsMain { opacity: 0; -webkit-transition: all 1200ms ease-in; -moz-transition: all 1200ms ease-in; -ms-transition: all 1200ms ease-in; -o-transition: all 1200ms ease-in; transition: all 1200ms ease-in; }*/ .homePageLanding .tabsMain { opacity: 1; -webkit-transition: all 1200ms ease-in; -moz-transition: all 1200ms ease-in; -ms-transition: all 1200ms ease-in; -o-transition: all 1200ms ease-in; transition: all 1200ms ease-in; } .homePage.visibleHomePage .tabsMain { visibility: visible; opacity: 1; } .landingfullBanner.visible { opacity: 0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .landingfullBanner.fadedIn { opacity: 1; background: #000; overflow-x: hidden; } .homePageLanding .homePage { visibility: hidden; opacity: 0; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .homePageLanding .homePage { visibility: visible; opacity: 1; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .homePage.visibleHomePage { visibility: visible; opacity: 1; } .listingMenu { width: 800px; display: inline-block; -moz-transform: translateX(0%) translateY(-50%); -webkit-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); transform: translateX(20%); } .tabMenu { font-weight: 500; display: inline-block; width: 20%; float: left; text-align: center; font-size: 14px; color: #515153; font-family: oswald; text-transform: uppercase; letter-spacing: 1px; } a.underlineHover { font-weight: 400; text-decoration: none; color: #515153; font-size: 18px; padding-left: 4px; font-family: 'Oswald', sans-serif; margin-left: 49px; } a.underlineHoverProject { font-weight: 400; text-decoration: none; color: #515153; font-size: 18px; padding-left: 4px; font-family: 'Oswald', sans-serif; margin-left: 49px; } a.underlineHoverProject.active { text-decoration: none; color: black; padding-bottom: 10px; border-bottom: 2px solid #515153; font-weight: 400; padding-left: 4px; } a.underlineHover.active { text-decoration: none; color: black; padding-bottom: 5px; border-bottom: 2px solid #515153; font-weight: 400; padding-left: 4px; } a.underlineHover:hover { text-decoration: none; color: black; font-weight: 400; border-bottom: 2px solid #515153; padding-bottom: 5px; padding-left: 4px; } a.underlineHoverProject:hover { text-decoration: none; color: black; font-weight: 400; border-bottom: 2px solid #515153; padding-bottom: 10px; padding-left: 4px; } .yearsTabs { /*margin-left: 40%; width: 400px; display: inline-block; float: left;*/ width: 100%; display: inline-block; text-align: center; margin: 0 auto; } a.underlineHover:first-of-type { margin-left: 0; } .year { display: inline-block; letter-spacing: 3px; text-align: center; /*float: left;*/ } .year:hover { color: black; } ul.year li { display: inline-block; margin-left: 62px; } .borderImage { padding: 7px 7px; border: 1px solid #dbdbdb; transition: all .5s ease-in-out; overflow: hidden; min-height: 384px; } .projectName a:hover { text-decoration: underline; } .borderImage a { width: 100%; display: block; overflow: hidden; position: relative; padding-bottom: 50%; } .borderImage a img { position: absolute; } .borderImage img { display: block; } .borderImage a:hover img { transform: scale(1.03); } .phototextHolder { margin-bottom: 50px; border-bottom: 1px solid #ededed; } .yearListing { font-weight: 300; font-size: 16px; color: #515153; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px; padding-bottom: 10px; font-family: 'Fira Sans', sans-serif; } .projectYear { text-align: center; letter-spacing: 3px; display: inline-block; } .projectName a { font-weight: 400; font-size: 24px; color: #333333; text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif; margin-bottom: 15px; } .projectAddress { font-size: 16px; font-weight: 300; color: #000000; margin-bottom: 13px; font-family: 'Fira Sans', sans-serif; } .projectDescription { font-size: 14px; color: black; line-height: 22px; font-family: 'Fira Sans', sans-serif; font-weight: 300; margin-bottom: 27px; } .photographer { font-size: 14px; color: #000000; font-family: 'Fira Sans', sans-serif; margin-bottom: 30px; padding-left: 30px; font-weight: 300; } .photographer:after { content: ""; position: absolute; width: 20px; height: 15px; background-image: url(../images/camera.png); left: 0px; } .col-md-8.projectList { margin-bottom: 38px; float: left; } .workshopBorder { padding-bottom: 40px; } .workshopBtn { margin-bottom: 40px; } a.viewBtn { color: black; font-size: 12px; letter-spacing: 2px; font-weight: 500; font-family: 'Oswald', sans-serif; } .allProject { margin-top: 40px; text-align: center; margin-bottom: 40px; } .row.projects { margin-bottom: 15px; } a.allProjectBtn { text-align: center; font-size: 15px; color: #1f1f1f; border-top: 2px solid #515153; padding-top: 5px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 400; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 250ms linear; padding-left: 2px; } a.allProjectBtn:hover { padding-top: 2px; } /*.listingBlock { margin-bottom: 21px; }*/ h3.listingTitle { margin-top: 15px; width: 90%; margin-bottom: 3px !important; font-size: 18px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: #1f1f1f; font-weight: 500; text-transform: uppercase; } span.talksLink { padding-top: 15px; font-size: 18px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: #1f1f1f; font-weight: 500; text-transform: uppercase; } .menusMain { border-bottom: 1px solid #ededed; padding-bottom: 6px; } .detailsLeft { height: 510px; width: 560px; } .bioghraphyBlock { overflow: hidden; margin-bottom: 52px; } .yearsBlock { padding-top: 30px; margin-left: 15%; } .col-md-3.projectListing { width: 25%; } .smallContainer { margin: 0 auto; width: 560px; } .secondBLock { border-bottom: 1px solid #e9e9e9; } .yearprojectListing { font-family: 'Fira Sans', sans-serif; font-size: 16px; color: #666666; border-bottom: 1px solid #dbdbdb; margin-bottom: 29px; padding-bottom: 10px; font-weight: 300; } .rightDiv.linktoproject.sameFont.noPaddingTop a { position: relative; display: inline; top: 0; left: 0; color: #1f1f1f; text-decoration: underline; } .rightDiv.linktoproject.sameFont.noPaddingTop a:hover { text-decoration: none; } .dateListing { display: inline-block; font-size: 14px; font-family: 'Fira Sans', sans-serif; letter-spacing: 0px; color: #666666; font-weight: 300; clear: left; margin-top: 4px; text-transform: none; float: left; width: 40%; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } .homepageListing li:first-child .dateListing { width: 50%; } a#filter { text-transform: uppercase; float: left; cursor: pointer; font-size: 16px; letter-spacing: 1px; color: #1f1f1f; font-family: 'Oswald', sans-serif; font-weight: 300; } a#filter:hover { text-decoration: underline; } .videoDate { display: inline-block; font-size: 14px; font-family: 'Fira Sans', sans-serif; width: 40%; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; color: #666666; font-weight: 300; clear: left; margin-top: 4px; text-transform: none; float: left; letter-spacing: 0px; } .newPublicationList .dateListing { width: 100%; border: 0px; } .homepageLatest li:first-child .dateListing { width: 44%; } .listingDate { width: 40%; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; display: inline-block; font-size: 14px; font-family: 'Fira Sans', sans-serif; letter-spacing: 0px; color: #666666; font-weight: 300; clear: left; margin-top: 4px; float: left; } .projectBlock { display: inline-block; padding-top: 110px; /* text-align: center; */ position: relative; right: 35px; } .yearsTabsListing { text-transform: uppercase; font-size: 24px; color: #515153; letter-spacing: 6px; font-family: 'Oswald', sans-serif; font-weight: 500; text-align: center; padding-bottom: 10px; } .twoYearsBlock { border-bottom: 1px solid #e9e9e9; } .textblockParag { padding-bottom: 32px; } .shareBlock { position: absolute; right: 12px; top: 37px; border-top: 2px solid #515153; padding-top: 10px; margin-top: -8px; cursor: pointer; padding-top: 0px; } .shareBlock:after { content: ""; position: absolute; width: 17px; height: 17px; /* right: 43px; */ top: 7px; background-image: url(../images/share.png); background-size: 17px 17px; left: 8px; } .shareTitle { padding-left: 32px; } span.titleShare { font-family: 'Oswald', sans-serif; color: #1f1f1f; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 12px; padding-bottom: 10px; padding-top: 6px; } .filterText { float: left; } ul.stackedInput li { display: inline-block; } ul.stackedInput { margin-top: 5px; } .relatedProject .publicationList li .mask .readMore { height: 66px; background: transparent url(../images/readmoreBtn.png) top left no-repeat; border: none; width: 66px; text-align: center; margin: 0 auto; display: block; top: 50%; } ul.stackedInput.visible { width: 90%; visibility: visible; opacity: 1; padding-left: 60px; } .categoryText { text-decoration: none; color: #515153; font-size: 12px; font-weight: 500; font-family: 'Oswald', sans-serif; } input[type=radio]:not(old):checked+label:before, input[type=checkbox]:not(old):checked+label:before { background: #D3D3D3; } input[type=checkbox]:not(old)+label:before, input[type=radio]:not(old)+label:before { cursor: pointer; display: inline-block; width: 16px; height: 16px; margin: 5px 5px 0 0; background: #fff; border: 1px solid #cccccc; vertical-align: bottom; float: left; content: ''; position: absolute; left: -22px; top: -6px; } .submitHolder, .resetHolder { position: relative; } .rightLeftHolder .col-md-12 { padding-left: 0px; } .stackedInput, ul.stackedInput li { float: left; } ul.stackedInput { opacity: 0; visibility: hidden; -webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -ms-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear; } .yearsTabs.tabsLinks { margin-bottom: 27px; } .yearsTabs.tabsLinks a { padding: 0px; } input[type=checkbox]:not(old), input[type=radio]:not(old) { width: 2em; margin: 0; padding: 0; font-size: 1em; opacity: 0; } .categoryBlock { display: inline-block; padding: 0px 0px; margin-bottom: 14px; width: 100%; } .noLandingImage .landingfullBanner { opacity: 0; } .categoryBlock .col-sm-12 { padding: 0px 0px; } label.category { font-weight: 400; padding-right: 60px; font-size: 12px; font-family: 'Oswald', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: #515153; position: relative; } label#filter { font-weight: 400; text-transform: uppercase; font-size: 12px; font-family: 'Oswald', sans-serif; letter-spacing: 3px; padding-right: 45px; float: left; color: #1f1f1f; } .inputEntity { margin-bottom: 30px; text-align: center; } .leftDiv { float: left; display: inline-block; width: 44%; border-bottom: 1px solid #dbdbdb; padding-bottom: 22px; padding-top: 30px; font-size: 18px; font-weight: 400; font-family: 'Oswald', sans-serif; color: #1f1f1f; } .rightLeftHolder { display: inline-block; padding-top: 10px; padding-left: 0px !important; } ul.videoList.row.noSpace li, .publicationList.row li { padding: 0 7px; } .publicationList.row li .smallerVideo { height: 470px; margin-bottom: 10px; } .rightDiv { float: right; display: inline-block; width: 51%; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 400; padding-top: 25px; color: #1f1f1f; } .detailsDescription { font-family: 'Fira Sans', sans-serif; font-weight: 300; line-height: 22px; font-size: 16px; color: #2f2f2f; } .blockTitle { text-transform: uppercase; text-align: center; font-size: 30px; color: #515153; letter-spacing: 4px; font-weight: 400; font-family: 'Oswald', sans-serif; margin-bottom: 50px; } .resetHolder { display: none; } .mainMenu { text-align: center; } .mainMenu ul li { display: inline-block; margin-left: 34px; } .mainMenu ul { padding-right: 60px; } .mainMenu ul li a { font-size: 14px; color: #515153; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; } .mainMenu ul li a.active { border-bottom: 2px solid #515153; padding-bottom: 6px; color: black; font-weight: 400; } .mainMenu ul li a:hover { border-bottom: 2px solid #515153; padding-bottom: 6px; font-weight: 400; color: black; } .projectName { margin-bottom: 6px; } .ProjectNameSub { text-align: center; color: #333333; font-weight: lighter; font-family: 'Fira Sans', sans-serif; margin-bottom: 5px; line-height: 20px; font-size: 14px; } .titleandSub .back { position: absolute; right: 3px; top: 140px; } .projectNameTitle { color: #000000; font-size: 24px; text-align: center; font-family: 'Oswald', sans-serif; letter-spacing: 3px; position: relative; margin-bottom: 3px; text-transform: uppercase; max-width: calc(100% - 90px); margin: 0 auto; } /*.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: transparent; color: inherit; border: 1px solid red; padding: 0 !important; font: inherit; width: 30px; height: 30px; height: 15px; width: 15px; border-radius: 30px; border: 1px solid white; margin-left: 10px; }*/ .carouselBlock .owl-dots { position: absolute; text-align: center; width: 100%; bottom: -42px; } .carouselBlock .owl-dot.active { background: #535353; width: 10px !important; height: 10px !important; } a.sharePubBtn:hover { padding-top: 7px; } .carouselBlock { border: 1px solid #dbdbdb; padding: 10px; margin-top: 4px; } /*.col-md-4*/ .SelectionBlock { padding-top: 130px; } .underTextCarousel a { color: #1f1f1f; text-decoration: underline; } .leftParg { font-size: 16px; color: #1f1f1f; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif; line-height: 30px; float: left; /*TODO*/ } /*.col-md-8*/ .rightParg { color: #2f2f2f; font-size: 16px; vertical-align: baseline; font-weight: 300; font-family: 'Fira Sans', sans-serif !important; line-height: 23px; } .rightParg .firstpart, .rightParg .firstpart span { font-family: 'Fira Sans', sans-serif !important; font-weight: 300; } .threeTabs { text-align: center; } .tab.visible { display: inline-block; } a.underTab { font-size: 14px; color: #000000; margin-left: 90px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; letter-spacing: 3px; } a.underTab:hover { border-bottom: 2px solid #515153; padding-bottom: 10px; } a.underTab.active { border-bottom: 2px solid #515153; padding-bottom: 10px; } .namesAndPositions { padding-top: 20px; border-bottom: 2px solid #e9e9e9; } .Name { color: #1f1f1f; font-family: 'Oswald', sans-serif; letter-spacing: 2px; margin-bottom: 3px; font-weight: 500; font-size: 14px; width: 275px; } .namePositionMatchHeight { /*border-bottom: 1px solid #e9e9e9;*/ margin-bottom: 15px; } .Position { margin-bottom: 40px; border-bottom: 1px solid #e9e9e9; padding-bottom: 70px; color: #000000; font-size: 16px; font-family: 'Fira Sans', sans-serif; } .Position2 { padding-bottom: 40px; color: #000000; font-size: 16px; font-family: 'Fira Sans', sans-serif; } .diagramAndModels { padding-top: 55px; } .diagramTitle { text-transform: uppercase; font-size: 24px; color: #515153; letter-spacing: 4px; font-weight: 400; font-family: 'Oswald', sans-serif; margin-bottom: 50px; } .diagramTextBlock { margin-bottom: 40px; } li.owl-carousel-Item.maindetailsItem { border: 1px solid #e1e1e1; margin-left: 10px; height: 370px; } /* .maindetailsCarousel.owl-loaded.owl-drag .owl-prev { font-size: 0px; background-image: url(/images/leftArrow.png); width: 18px; height: 36px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 44%; left: -60px; } .maindetailsCarousel.owl-loaded.owl-drag .owl-next { font-size: 0px; background-image: url(/images/rightArrow.png); width: 18px; height: 36px; position: absolute; top: 46%; right: -60px; } */ .owl-carousel .owl-item img { height: 100%; } .secondDetailsCarousel li.owl-carousel-Item.maindetailsItem { border: 1px solid #e1e1e1; margin-left: 10px; width: auto; height: auto; } .maindetailsCarousel.owl-loaded.owl-drag .owl-prev { font-size: 0px; background-image: url(/images/leftArrow.png); width: 18px; height: 36px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: -60px; top: 0; } .maindetailsCarousel .owl-nav { height: 1px; width: 100%; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .maindetailsCarousel .owl-dots { display: none; } .maindetailsCarousel.owl-loaded.owl-drag .owl-next { font-size: 0px; background-image: url(/images/rightArrow.png); width: 18px; height: 36px; position: absolute; right: -60px; top: 0; } .videoDetailsBlock img { width: 100%; } .btnBlock { text-align: center; } .breadCrumbInsideCont ul li:nth-child(2):after { position: absolute; content: "/"; } span.sharePubBtn { color: #1f1f1f; font-size: 15px; font-weight: 600; font-family: 'Oswald', sans-serif; letter-spacing: 2px; position: relative; padding-top: 9px; padding-left: 39px; text-transform: uppercase; cursor: pointer; display: inline-block; } a.btnMsg { color: #1f1f1f; font-size: 15px; font-weight: 600; font-family: 'Oswald', sans-serif; letter-spacing: 2px; position: relative; padding-top: 10px; padding-left: 2px; text-transform: uppercase; cursor: pointer; display: inline-block; } a.btnMsg:before { position: absolute; top: 0; width: 100%; left: 0; background: #515153; height: 2px; content: ''; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } span.sharePubBtn:before { position: absolute; top: 0; width: 100%; left: 0; background: #515153; height: 2px; content: ''; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } span.shareProjectPubBtn { color: #1f1f1f; font-size: 15px; font-weight: 600; font-family: 'Oswald', sans-serif; letter-spacing: 2px; border-top: 2px solid #515153; padding-top: 10px; padding-left: 33px; text-transform: uppercase; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; cursor: pointer; display: inline-block; } span.shareProjectPubBtn:after { position: absolute; content: ""; background-image: url(/images/share.png); height: 20px; width: 20px; left: 43%; } .workshop { margin-bottom: 20px; } .leftDiv1 { float: left; display: inline-block; width: 45%; padding-bottom: 22px; padding-top: 30px; font-size: 18px; font-weight: 500; font-family: 'Oswald', sans-serif; } span.sharePubBtn:after { position: absolute; content: ""; background-image: url(/images/share.png); height: 20px; width: 20px; left: 7px; background-size: 20px 20px; top: 11px; } .carouselAwards.owl-loaded.owl-drag .owl-next:hover { opacity: 1; } span.sharePubBtn:hover:before { top: 2px; height: 2px; } a.btnMsg:hover:before { top: 2px; height: 2px; } .row.travel .col-md-6 { float: left; } .videoMainBlock { border-bottom: 1px solid #e9e9e9; margin-bottom: 45px; padding-bottom: 45px; } .maindetailsCarousel li.maindetailsItem .mask { color: #FFF; position: absolute; top: 0; height: 100%; padding: 30px; opacity: 0; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; background: rgba(0, 0, 0, 0.54); width: calc(100% - 10px); } .maindetailsCarousel li.maindetailsItem .mask:hover { cursor: pointer; opacity: 1; } /* .secondDetailsCarousel .Enlarge:after { top: 33%; } .secondDetailsCarousel .Enlarge { padding-top: 60px; } */ .Enlarge { text-decoration: underline; font-size: 14px; text-transform: uppercase; text-align: center; padding-top: 173px; cursor: pointer; position: relative; margin-bottom: 77px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: white; } .Enlarge:after { content: ""; position: absolute; height: 26px; width: 26px; background-image: url(/images/plus.png); top: 57%; left: 66px; cursor: pointer; } .share { text-align: center; position: relative; letter-spacing: 1px; display: block !important; } .share:after { content: ""; position: absolute; height: 26px; width: 26px; background-image: url(/images/whiteShare.png); bottom: 27px; left: 64px; } .sharehoverBtn { font-family: 'Oswald', sans-serif; color: white; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; text-decoration: underline; } .row.dataAndResearch { padding-top: 40px; } .TitleData { text-transform: uppercase; color: #000000; font-size: 16px; font-family: 'Oswald', sans-serif; letter-spacing: 3px; } .borderBottomdetail { border: 1px solid #e0e0e0; width: 35%; margin: 20px 0; } li.dataListingItem { margin-bottom: 24px; color: #000000; font-size: 14px; font-weight: lighter; font-family: 'Fira Sans', sans-serif; } .containerProject { margin: 0 auto; width: 1000px; max-width: 100%; } .col-md-6.dataImage { width: 50%; padding-left: 35px; } .col-md-6.textTitle { float: right; width: 50%; } .SelectionCarouselBlock { margin: 0 auto; width: 875px; position: relative; border: 1px solid #e5e5e5; } .SelectionCarouselBlockSingle { margin: 0 auto; width: 400px; border: 1px solid #e5e5e5; } .SelectionCarouselBlockSingle li { padding: 9px 9px; } .SelectionCarouselBlock.noBorder { border: none; } .SelectionCarouselBlock.noBorder .owl-item { border: 1px solid #e5e5e5; } .SelectionCarouselBlock.noBorder .owl-carousel .owl-stage, .SelectionCarouselBlock.noBorder owl-item { margin: 0 auto; } .underCarouselBlock { min-height: 90px; } /*img.Selection { width:auto !important; }*/ .Selection .owl-nav { display: none; } ul.owl-carousel.owl-loaded.owl-drag.SelectionSingle { width: 400px !important; } ul.SelectionSingle .owl-item { width: 400px !important; } .underTextCarousel { padding-top: 60px; margin-bottom: 60px; color: #1f1f1f; font-size: 16px; font-family: 'Oswald', sans-serif; letter-spacing: 2px; text-align: center; font-weight: 400; text-transform: uppercase; } .Selection button.owl-dot { border: 1px solid #535353 !important; width: 10px; margin-left: 12px; height: 10px; } .Selection button.owl-dot.active { background: #535353; width: 10px !important; height: 10px !important; } .Selection .owl-dots { position: absolute; padding-top: 16px; width: 100%; text-align: center; } .underContainer { margin: 0 auto; width: 800px; } .selectionBorderBlock { position: relative; border-bottom: 1px solid #e9e9e9; padding-bottom: 57px; margin-bottom: 50px; } a.links { color: #515153; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; } a.links span { color: black; } .TitleSubSelection { display: block; text-align: center; } .SelectionBorder { float: left; display: inline-block; padding-top: 12px; position: absolute; } .middleSelectionTitle { color: #000000; font-size: 24px; letter-spacing: 6px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; } .dateTitle { text-align: center; color: #515153; font-size: 14px; font-family: 'Fira Sans', sans-serif; } .middleSlectionBlock { border-bottom: 1px solid #ededed; position: relative; padding-bottom: 15px; margin-bottom: 36px; } /*.TitleSubSelection:after { content: "BACK"; position: absolute; left: 97%; top: 8px; border-top: 2px solid #515153; font-size: 12px; padding-top: 6px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #1f1f1f; cursor:pointer; }*/ /*.projectNameTitle:after { content: "BACK"; position: absolute; left: 97%; top: 8px; border-top: 2px solid #515153; font-size: 12px; padding-top: 6px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #1f1f1f; cursor: pointer; }*/ .back { position: absolute; top: 10px; right: 0; } .back a { font-size: 12px; padding-top: 6px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #1f1f1f; cursor: pointer; font-family: 'Oswald', sans-serif; padding-left: 3px; } .titleandSub { position: relative; padding-top: 123px; } .inputEntity input { line-height: 25px; } .builtUp { letter-spacing: 3px; display: inline-block; } .landArea { margin-right: 63px; letter-spacing: 3px; float: left; display: inline-block; } .dimensiondProjects { padding-top: 40px; border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; } .landArea span { font-size: 14px; color: black; letter-spacing: 1.5px; font-weight: 500; font-family: 'Oswald', sans-serif; } .builtUp span { font-size: 14px; color: black; letter-spacing: 1.5px; font-weight: 500; font-family: 'Oswald', sans-serif; } .errorImage img { width: 100%; } .erroBorder { text-align: center; border: 1px solid #e0e0e0; padding: 5px; } .errorBlock { margin-bottom: 40px; } .errorBlock .errorText { display: table-cell; vertical-align: middle; text-align: center; color: white; } .erroBorder { display: table; height: 380px; background-image: url(/images/error.jpg); width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid; } .borderBlock { padding: 5px; border: 1px solid #dbdbdb; } .textOne { font-size: 32px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 27px; } .textTwo { font-size: 20px; text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 2px; } .gohomepageBtn { text-align: center; padding-top: 10px; border-bottom: 1px solid #e9e9e9; padding-bottom: 30px; margin-bottom: 35px; } .videoContainer { width: 950px; margin: 0 auto; } .borderContact { border-bottom: 1px solid #e9e9e9; margin-bottom: 35px; } .multipleTabsListing { text-transform: uppercase; font-size: 24px; color: #515153; letter-spacing: 6px; font-family: 'Oswald', sans-serif; font-weight: 500; text-align: center; padding-bottom: 8px; margin-bottom: 23px; border-bottom: 1px solid #e9e9e9; } .contactImage img { width: 100%; height: 530px; } .contactBorder { border: 1px solid #dbdbdb; margin-top: 130px; } .locationAdrress { color: #1f1f1f; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding-top: 30px; font-family: 'Oswald', sans-serif; } .contactBorder { padding: 2px 7px 0; border-bottom: 1px solid #ededed } .contactUsDetails { text-align: center; } .Email { position: relative; padding-top: 20px; display: inline-block; font-size: 18px; font-family: 'Fira Sans', sans-serif; font-weight: lighter; cursor: pointer; } .Email:hover { text-decoration: underline; } .Phone:hover { text-decoration: underline; } .Phone { position: relative; padding-top: 20px; margin-right: 44px; display: inline-block; font-size: 18px; font-family: 'Fira Sans', sans-serif; font-weight: lighter; margin-bottom: 30px; cursor: pointer; } .Phone:after { content: ""; position: absolute; background-image: url(/images/phone.png); height: 16px; width: 17px; top: 22px; left: -23px; } .Email:after { content: ""; position: absolute; background-image: url(/images/email.png); height: 14px; width: 17px; top: 24px; left: -23px; } .ViewMap { padding-top: 30px; border-bottom: 1px solid #e9e9e9; margin-bottom: 50px; padding-bottom: 50px; padding-top: 30px; position: relative; } a.viewMapBtn { font-family: 'Oswald', sans-serif; color: black; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; position: relative; padding-left: 20px; padding-top: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; display: inline-block; margin-bottom: 20px; cursor: pointer } a.viewMapBtn:before { position: absolute; top: 0; width: 100%; content: ''; height: 2px; width: 100%; background-color: #515153; left: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } a.viewMapBtn:hover:before { top: 3px; } .ViewMap a:after { position: absolute; content: ""; background-image: url(/images/mapLogo.png); width: 12px; height: 19px; left: 0; top: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .phoneEmailBlock { margin-bottom: 40px; } .borderBottomContact { border-bottom: 1px solid #e9e9e9; padding-bottom: 50px; margin-bottom: 45px; } .contactBlock { padding-top: 5px; } .WidthFull { text-align: center; width: 100%; margin-bottom: 20px; padding: 15px 0px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #1f1f1f; opacity: 1; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #1f1f1f; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #1f1f1f; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } textarea.textarea { width: 100%; height: 190px; text-align: center; padding-top: 22px; color: #1f1f1f; } a.sendBtn { color: #1f1f1f; border-top: 2px solid #515153; font-size: 15px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .borderSend { padding-bottom: 57px; text-align: center; border-bottom: 1px solid #e9e9e9; } .row.contactForm { margin-bottom: 50px; } .TextSuccess { color: #515153; font-size: 24px; font-family: 'Oswald', sans-serif; padding-top: 40px; letter-spacing: 4px; text-transform: uppercase; font-weight: 400; } .errorText { color: #515153; font-size: 24px; font-family: 'Oswald', sans-serif; padding-top: 40px; letter-spacing: 4px; text-transform: uppercase; font-weight: 400; } .LogoTextSuccessHolder { border-bottom: 1px solid #e9e9e9; text-align: center; padding-bottom: 138px; } .LogoTextErrorHolder { border-bottom: 1px solid #e9e9e9; text-align: center; padding-bottom: 138px; } .SubTextSuccess { padding-top: 25px; font-size: 18px; color: #1f1f1f; font-family: 'Fira Sans', sans-serif; font-weight: lighter; } .succesBtn { display: inline-block; margin-left: 20px; } .BtnSuccessMessage { padding-top: 45px; } /*a.btnMsg { font-size: 15px; font-family: 'Oswald', sans-serif; color: #1f1f1f; letter-spacing: 2px; font-weight: 500; border-top: 2px solid #515153; }*/ .row.Location { margin-left: 33px; padding-top: 30px; } .locationRectangle { display: table; text-align: center; vertical-align: middle; font-size: 16px; color: #868686; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; background-color: #e0e0e0; width: 905px; height: 340px; } .Maptext { display: table-cell; text-align: center; vertical-align: middle; } .imageHolder { display: table; text-align: center; vertical-align: middle; width: 440px; height: 320px; background-color: #e0e0e0; } .imageText { font-size: 16px; color: #868686; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; display: table-cell; text-align: center; vertical-align: middle; } .carouselBlockYTAA { border: 1px solid #dbdbdb; padding: 10px; height: 525px; } .carouselBlockYTAA .owl-dots { position: absolute; text-align: center; left: 50%; bottom: 20px; } .carouselBlockYTAA .owl-dot.active { background: white; } .col-md-6.YTAABorder { font-size: 16px; color: black; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .leftYTAA { float: left; display: inline-block; width: 35%; font-size: 16px; color: #000000; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; border-bottom: 1px solid #dbdbdb; padding-bottom: 38px; } .rightYTAA { float: right; font-size: 16px; color: #000000; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; width: 59%; display: inline-block; } .ytaaBlockText .container { padding-top: 26px; } .dataResearch { border-bottom: 1px solid #e9e9e9; padding-bottom: 40px; } .videoMainBlock { padding-top: 50px; } .mainBodyYTAA .videoDetailsBlock .rightDiv { margin-bottom: 22px; font-size: 16px; float: right; width: 60%; font-weight: lighter; font-family: 'Fira Sans', sans-serif; padding-top: 25px; letter-spacing: 1px; line-height: 22px; } .mainBodyYTAA .videoDetailsBlock .leftDiv1 { float: left; display: inline-block; width: 40%; /* border-bottom: 1px solid #dbdbdb; */ padding-bottom: 22px; padding-top: 30px; font-size: 18px; font-weight: 400; font-family: 'Oswald', sans-serif; } .LocationBlock { border-bottom: 1px solid #e9e9e9; padding-bottom: 30px; } .ParagraphYTAA { font-size: 16px; color: #000000; font-weight: initial; } /*.PressBlock { padding-top:100px; }*/ .upperbioText { font-size: 16px; color: #1f1f1f; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 60px; line-height: 27px; font-family: 'Oswald', sans-serif; } .bioText { color: #2f2f2f; font-size: 16px; font-weight: 300; line-height: 27px; font-family: 'Fira Sans', sans-serif; } .bioImage { background-image: url(/images/AnnaBio.jpg); height: 510px; width: 560px; background-repeat: no-repeat; } .row.biography { margin-bottom: 38px; padding-top: 130px; } .paragOne { padding-right: 32px; color: #2f2f2f; font-family: 'Fira Sans', sans-serif; font-weight: 300; margin-bottom: 31px; line-height: 25px; font-size: 16px; } .paragTwo { color: #2f2f2f; font-family: 'Fira Sans', sans-serif; font-weight: 300; margin-bottom: 31px; line-height: 25px; font-size: 16px; } .row.textUnder { border-bottom: 1px solid #e9e9e9; padding-bottom: 90px; } .travelMeetingsTitle h2 { text-align: center; padding: 72px 0; color: #cfcfcf; font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif; } .AboutAnastasiaText .boldTextAbout { margin-bottom: 0px; font-size: 16px; color: #1f1f1f; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 30px; font-family: 'Oswald', sans-serif; } .AboutAnastasiaText .boldTextAbout.first { font-size: 16px; color: #1f1f1f; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 40px; line-height: 30px; font-family: 'Oswald', sans-serif; } .boldText.first { font-size: 16px; color: #1f1f1f; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 40px; line-height: 33px; font-family: 'Oswald', sans-serif; } .boldText { font-size: 16px; color: #1f1f1f; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 40px; line-height: 30px; font-family: 'Oswald', sans-serif; } .AboutAnastasiaText .regularTextAbout { color: #2f2f2f; font-size: 16px; margin-bottom: 30px; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 22px; } .regularText.second { color: #2f2f2f; font-size: 16px; margin-bottom: 30px; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 24px; } .regularText { color: #2f2f2f; font-size: 16px; margin-bottom: 30px; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 24px; } .row.travel { border-bottom: 1px solid #e9e9e9; padding-bottom: 60px; } .AboutAnastasiaText .row.travel { border-bottom: 1px solid #e9e9e9; padding-bottom: 60px; } .boldText.first:after { content: ""; position: absolute; background-image: url(/images/upquote.png); height: 12px; width: 16px; top: -15px; left: 13px; background-size: 16px 12px; } .regularText.second:after { height: 12px; content: ""; position: absolute; background-image: url(/images/downquote.png); width: 16px; bottom: 0px; bottom: 3px; right: 47px; background-size: 16px 12px; } .talksTitle h2 { color: #515153; font-size: 26px; text-transform: uppercase; letter-spacing: 4px; padding: 60px 0; font-family: 'Oswald', sans-serif; font-weight: 400; } .biographyBlock { position: relative; padding-top: 30px; } .anchorsHover:hover a { color: #000000; position: relative; left: 30px; } .anchorsHover:hover a.anchors:after { left: -69px; width: 54px; background-color: black; } a.anchors.visible { color: #000000; position: relative; left: 17px; } .anchorsHover a.anchors.visible:after { left: -59px; width: 54px; background-color: black; } .workshopBorderBottom { border-bottom: 1px solid #ededed; } .AnchorsAbout { position: fixed; content: ""; z-index: 100; top: 200px; left: 18px; } a.anchors { color: #848488; margin-bottom: 12px; position: relative; display: inherit; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; left: 0; } a.anchorsBio { color: #848488; margin-bottom: 20px; position: relative; display: inherit; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } a.anchorsBio:after { position: absolute; content: ""; width: 15px; height: 2px; /* color: red; */ top: 6px; left: -25px; /* z-index: 133; */ background-color: #888888; } a.anchors:after { position: absolute; content: ""; width: 15px; height: 1px; /* color: red; */ top: 6px; left: -22px; /* z-index: 133; */ background-color: #888888; } .talksTitle { text-align: center; } .listingDate.talks { width: 100%; float: none; border: 0px; padding-bottom: 5px; } a.clickWarche:hover { text-decoration: none; } h3 .listingTitle { width: 90%; margin-bottom: 3px !important; font-size: 18px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: #1f1f1f; font-weight: 500; text-transform: uppercase; } .listingDescription.talks { font-size: 14px; color: #000000; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 18px; padding-top: 10px; color: #2f2f2f; } .carouselTeam .rectangleImage { margin-right: 10px; display: block; } .rectangleTitle img { display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; cursor: pointer; min-width: 100%; } .carouselTeam .rectangleImage .rectangleTitle:hover img { transform: scale(1.03); } carouselTeam .rectangleImage { position: relative; height: 100%; max-width: 100%; } .rectangleImage { position: relative; height: 100%; max-width: 100%; } .carouselTeam li.owl-carousel-Items { margin-right: 7px; display: inline-block; } .carouselTeam .rectangleImage a { position: absolute; z-index: 10; height: 100%; width: 100%; } .rectangleImage a { position: absolute; z-index: 10; height: 100%; width: 100%; } .rectangleImage { margin-right: 10px; text-align: center; font-size: 16px; color: #868686; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; overflow: hidden; position: relative; } .rectangleTitle { text-align: center; font-size: 16px; color: #868686; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; overflow: hidden; position: relative; } .carouselAwards .owl-nav.disabled { display: block !important; } .carouselTeam .owl-nav.disabled { display: block !important; } .carouselAwards .owl-nav { font-size: 0px; } .carouselTeam .owl-nav { font-size: 0px; } .carouselAwards.owl-loaded.owl-drag .owl-prev { background-image: url(/images/prevTalks.png) !important; content: ""; position: absolute !important; top: 30% !important; width: 12px; left: -42px !important; height: 24px; background-repeat: no-repeat; bottom: 10px; } .carouselAwards.owl-loaded.owl-drag .owl-next { background-image: url(/images/nextTalks.png) !important; content: ""; position: absolute !important; top: 30% !important; width: 12px; height: 24px; background-repeat: no-repeat; bottom: 10px; top: 30% !important; right: -20px !important; } .carouselTeam .owl-carousel .owl-prev { position: absolute; content: ""; top: 120px; left: 0px; background-image: url(/images/leftTalks.png) !important; height: 13px !important; width: 24px !important; border: 0px !important; } .carouselTeam .owl-carousel .owl-next { position: absolute; content: ""; top: 120px; background-image: url(/images/rightTalks.png) !important; height: 13px !important; width: 24px !important; border: 0px !important; right: 20px !important; } .carouselTeam.owl-loaded.owl-drag .owl-next { position: absolute; content: ""; top: 120px; right: 20px; background-image: url(/images/rightTalks.png); height: 14px; width: 25px; border: 0px; } h3.listingTitle.awards { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .listingDescription.awards { font-size: 14px; color: #000000; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 18px; padding-right: 10px; padding-top: 10px; color: #2f2f2f; } .TeamBlock { padding-top: 40px; } .listingTitle.team { padding-bottom: 0px; border: 0px; font-size: 18px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: #1f1f1f; font-weight: 400; text-transform: uppercase; padding-top: 15px; } .talksContainerBlock .listingInfos { height: auto !important; margin-bottom: 20px; } li.listingItemLI { width: 100%; } .publicationList li { display: inline-block; } .input-error { color: red; } .listingPosition.team { font-weight: 300; font-size: 16px; font-family: 'Fira Sans', sans-serif; color: #000000; border-bottom: 1px solid #e5e5e5; letter-spacing: 0.5px; padding-bottom: 15px; } .listingDescription.team { font-size: 14px; color: #000000; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 18px; padding-right: 10px; } .carouselTeamblock { padding-bottom: 53px; } .leftDiv.noPaddingTop { padding-bottom: 0px !important; margin-bottom: 0px !important; border: 0px; } .youtubeVideoHolder .rightLeftHolder { padding-top: 10px !important; } .PositionTeam { font-size: 14px; font-weight: 300; font-family: 'Fira Sans', sans-serif; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; } .PositionDescription { border-bottom: 1px solid #dddddd; padding-bottom: 20px; } .PositionYear { margin-bottom: 20px; } .namesAndPositionsAbout { padding-bottom: 60px; border-bottom: 1px solid #dddddd; margin-bottom: 60px; } .viewProject:hover { text-decoration: underline; } .breadCrumbInsideCont { color: #515153; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; display: inline-block; } .breadCrumbInsideCont ul li { margin-left: 5px; display: inline-block; } .carouselBlock .owl-dot { border: 1px solid #535353 !important; width: 10px; margin-left: 12px; height: 10px; } .textareaParent { float: right; } .inputParent { float: left; } .contactForm .row .col-md-6 { position: absolute; right: 0; top: 0; width: 50%; } .contactForm .col-md-12 { width: 50%; clear: left; } .inputParent { float: left; width: 100%; } .inputParent input { text-align: center; width: 100%; margin-bottom: 20px; padding: 15px 0px; border: 1px solid #e0e0e0; } .contactForm { position: relative; border-bottom: 1px solid #e0e0e0; padding-bottom: 50px; margin-bottom: 35px; } .textareaParent textarea { width: 490px; height: 193px; width: 490px; height: 212px; border: 1px solid #e0e0e0; text-align: center; padding: 15px; } .submitHolder .primaryBtn { color: #1f1f1f; font-size: 15px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; background: transparent; border: 0px; cursor: pointer; } .submitHolder:after { position: absolute; content: ""; background-image: url(/images/redline.png); width: 50px; height: 4px; top: 0px; right: 3px; } .youtubeVideoHolder { height: 530px; background-size: cover; background-repeat: no-repeat; } .contactForm .col-md-6+.col-md-12 { width: 100%; clear: both; text-align: center; } span.requiredStar { position: absolute; top: 0; /* right: 10px; */ left: 10px; } .formActions { padding-top: 50px; } .morecontent span { display: none; } a.morelink { color: #515153; font-size: 14px; text-transform: uppercase; font-weight: 500; } a.morelink:hover { text-decoration: underline; } .smallerVideo { display: block; height: 283px; } .breadCrumbMainContainer { position: relative; z-index: 9; cursor: pointer; } .SelectionCarouselBlock li { padding: 9px 9px; } a.facebook:hover { background-image: url(/images/hoverfb.png); } a.twitter:hover { background-image: url(/images/hoverTwiter.png); } a.youtube:hover { background-image: url(/images/youtubeHover.png); } a.vimeo:hover { background-image: url(/images/vimeo-hover.png); } a.linkedin:hover { background-image: url(/images/hoverLink.png); } a.instagram:hover { background-image: url(/images/hoverInsta.png); } .listingDescription.awards a { color: #000; /*font-weight: 400;*/ font-family: 'Fira Sans', sans-serif; text-decoration:underline; } @-webkit-keyframes mymove { 0% { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; bottom: 0px; } 50% { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; bottom: 10px; } 100% { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; bottom: 0px; } } @keyframes mymove { 0 { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; bottom: 0px; } 50% { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; bottom: 10px; } 100% { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; bottom: 0px; } } span.field-validation-error.errorMessage { position: absolute; top: -17px; right: 12px; font-style: italic; color: #cc3333; font-size: 12px; } .input-validation-error { border: 1px solid #cc3333 !important; } .underTextCarousel a:hover { text-decoration: none; } .projectList .borderImage img { width: 100%; transform: scale(1.05); -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-out; } a.first:after { position: absolute; content: "/"; top: 0; right: -7px; } a.first { position: relative; } .borderContact .blockTitle { margin-bottom: 35px; } h3.listingTitle.team { font-size: 18px; letter-spacing: 2px; font-family: 'Oswald', sans-serif; color: #1f1f1f; font-weight: 500; text-transform: uppercase; z-index: 400; } /*.homePageLanding header .listingBlock { opacity: 0; -webkit-transition: all 800ms ease; -moz-transition: all 4500ms ease; -ms-transition: all 4500ms ease; -o-transition: all 4500ms ease; transition: all 4500ms ease; }*/ .homePageLanding header .listingBlock { opacity: 1; -webkit-transition: all 800ms ease; -moz-transition: all 4500ms ease; -ms-transition: all 4500ms ease; -o-transition: all 4500ms ease; transition: all 4500ms ease; } header .listingBlock.visible { opacity: 1; } .Phone a { color: #2f2f2f; } .Email a { color: #2f2f2f; } .carouseltextBlock { margin: 40px 0; } .projectDetailsBody .carouseltextBlock { margin: 0; padding: 40px 0; } .diagramHolder { border-bottom: 1px solid #e9e9e9; padding-bottom: 50px; margin-bottom: 50px; } .buttonBlock { padding-top: 0; text-align: center; padding-bottom: 0; position: relative; } .diagramHolder .diagramAndModels { border-top: 1px solid #e9e9e9; } .diagramHolder .diagramAndModels+.diagramAndModels { border-top: 0; } .secondDetailsCarousel .owl-carousel { margin-bottom: 40px; } .phototextBlock .textBlock { position: relative; } .phototextBlock .textBlock .shareBlock { top: 29px; margin-top: 0; right: 0; } .mainBody { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .talksContainerBlock .listingItem:hover img { transform: none !important; } .middleTitle.fixedTop { visibility: hidden; } span.titleShare { display: block; } .back a:before { position: absolute; top: -4px; width: 100%; left: 0; background: #515153; height: 2px; content: ''; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .back a:hover:before { top: -2px; height: 2px; } .mac .phototextBlock .textBlock .shareBlock { top: 26px; } .burgerMenu { display: none; } .hPMainClass { opacity: 0; } .noLandingImage .hPMainClass { opacity: 1 } .noLandingImage .landingfullBanner { display: none; } .noLandingImage:before { display: none; } .homePageMainHeader .homePageTitle { opacity: 1; } /*.owl-carousel-Items.landingBannerPhoto1 { background-image: url('/images/landingPage.jpg'); background-size: cover; } .owl-carousel-Items.landingBannerPhoto2 { background-image: url('/images/34Landing-Page-Image.jpg'); background-size: cover; } .owl-carousel-Items.landingBannerPhoto3 { background-image: url('/images/35Landing-Page-Image.jpg'); background-size: cover; }*/ .owl-carousel-Items.sameHeightWidth { height: 100%; width: 100%; background-position: center center; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } body.homePageLanding.loaded { overflow-x: hidden; } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } .originalLink { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 30; } ul.publicationList.row.grid .more.secondpart { display: none; } .more .firstpart { display: block; } .readMoreBtn { text-decoration: underline; cursor: pointer; opacity: 1; } .readMoreBtn:hover { color: #2f2f2f; text-decoration: none; } .readLessBtn { text-decoration: underline; cursor: pointer; } .readLessBtn:hover { color: #2f2f2f; text-decoration: none; } .moreLessBlock .readLessBtn { display: none; } .moreLessBlock.active .readMoreBtn { display: none; } .moreLessBlock.active .readLessBtn { display: block; } .input-errorNL { border-color: red; } ul.row.footerBlock li.col-sm-8 span a { font-family: 'Fira Sans', sans-serif; font-weight: 400; color: #2f2f2f; } ul.row.footerBlock li.col-sm-8 span a:hover { text-decoration: underline; } /*.loaded #loaderWrapper .loader-section.section-left { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.7s 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); opacity:0; overflow-x: hidden; }*/ #loader { display: block; position: relative; left: 50%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; z-index: 1001; font-size: 20px; text-align: center; } #loaderWrapper .loader-section { position: fixed; top: 0; width: 100%; height: 100%; background-image: url("/images/blurr.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1000; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .beforeHidden .whiteFullOverlay { opacity: 0; visibility: hidden; } ul.talksCarousel .owl-nav button.owl-prev { background-image: url(/images/prevTalks.png) !important; content: ""; position: absolute !important; top: 30% !important; width: 12px; height: 24px; background-repeat: no-repeat; bottom: 10px; display: block !important; opacity: 1; } .talksCarousel.owl-carousel .owl-nav.disabled { display: block !important; } ul.talksCarousel .owl-nav button.owl-next { background-image: url(/images/nextTalks.png) !important; content: ""; position: absolute !important; top: 30% !important; width: 12px; height: 24px; background-repeat: no-repeat; bottom: 10px; top: 30% !important; right: -30px !important; display: block !important; opacity: 1; } ul.talksCarousel .owl-nav span { font-size: 0px; } .publicationList li a h3 { color: #1f1f1f !important; } .tabsLinks a { display: inline-block; padding: 10px; color: #999; font-size: 18px; text-decoration: none; } .tab { display: none; } .tabsLinks a.active { background: #ccc; color: #fff } .threeTabs .namesAndPositions { border: 0px; } .threeTabs .LocationBlock { border: 0px; } .tabsMain.noPadding { padding-top: 0px; } .tabsMain.noPadding .Name { width: 257px; text-align: left; text-transform: uppercase; margin-bottom: 5px; font-size: 14px !important; } .tabsMain.noPadding .Position { text-align: left; font-weight: 300; font-size: 14px !important; margin-bottom: 0px; border: 0px; padding-bottom: 15px; } .threeTabs a.underTab { margin: 20px; } .noPadding .tabsLinks a.active { background: none; color: #000; } .noPadding .tabsLinks a { font-size: 14px; color: #000; } .middleTitle:after { content: ""; position: absolute; height: 350px; width: 1070px; top: -202px; left: -225px; z-index: 0; /* background-color: rgba(0, 0, 0, 0.04); */ /* border-radius: 50%; */ background-image: url(../images/gralayer.png); } .textHolder { position: relative; z-index: 1; } .phototextHolder .tab { display: block; } .homePage.hPMainClass .tabsLinks a.active { text-decoration: none; color: black; padding-bottom: 5px; border-bottom: 2px solid #515153; font-weight: 400; padding-left: 4px; background: none; } .homePage.hPMainClass .tabsLinks a { font-weight: 400; text-decoration: none; color: #515153; font-size: 18px; padding-left: 4px; font-family: 'Oswald', sans-serif; margin-left: 49px; } .homePage.hPMainClass .tabsLinks a:hover { color: black; padding-bottom: 5px; } .yearsTabs a.underlineHover:first-of-type { margin-left: 0; } ul.videoList.row.noSpace li:nth-child(5) { clear: both; } .relatedProject ul.publicationList.row.grid { display: block; height: 100% !important; width: 100%; } h3.TitleunderPress a { color: black; } .more.secondpart { display: none; } span.notBold { color: #000000; font-size: 15px; font-weight: 300; font-family: 'Fira Sans', sans-serif; position: relative; top: -1px; } .layernBackground { position: absolute; height: 97%; width: 98%; opacity: 0; visibility: hidden; z-index: 3000; background-color: rgba(0, 0, 0, 0.6); z-index: 10; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; top: 9px; left: 5px; } .owl-item:hover .layernBackground { opacity: 1; visibility: visible; cursor: pointer; } .layernBackground .Enlarge { opacity: 0; } .layernBackground:hover .Enlarge { opacity: 1; position: absolute; top: 50%; padding: 0px; margin: 0px; left: 47%; } .rectangleImage .Enlarge:after { display: none; } .rectangleImage .Enlarge { padding-top: 50%; } .SelectionCarouselBlock.noBorder { width: 438px; } .layernBackground .Enlarge:after { content: ""; position: absolute; height: 26px; width: 26px; background-image: url(/images/plus.png); left: 15px; cursor: pointer; bottom: 33px; /* bottom: 5px; */ top: -40px; } h3.relatedTitleNews { padding-top: 8px; } .publicationList li a.newsTitleInListing { z-index: 4 } .playButtonInCenter:before { position: absolute; content: ''; background-image: url(../images/playVideo.png); width: 95px; height: 95px; top: 50%; left: 50%; margin-top: -47.5px; margin-left: -47.5px; z-index: 10; } .playButtonInCenter:after { position: absolute; content: ''; width: 100%; height: 100%; max-width: 100%; max-height: 100%; top: 0; left: 0; background-color: rgba(41, 41, 41, 0.5); -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-out; } .talkitem.playButtonInCenter:after {} .noVideo li a:before { background: none !important; } .noVideo li a:after { background: none !important; } .rectangleImage .playButtonInCenter:before { position: absolute; content: ''; background-image: url(../images/playVideo.png); width: 95px; height: 95px; top: 50%; left: 50%; margin-top: -47.5px; margin-left: -47.5px; z-index: 10; } .rectangleImage .playButtonInCenter:after { position: absolute; content: ''; width: 100%; height: 100%; max-width: 100%; max-height: 100%; top: 0; left: 0; background-color: rgba(41, 41, 41, 0.5); -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-out; } .rectangleImage .playButtonInCenter:hover:after { background-color: rgba(41, 41, 41, 0.6); } .listingImageLoad .playButtonInCenter:hover:after { background-color: rgba(41, 41, 41, 0.6); } .rightDiv.sameFont { font-size: 14px; color: black; line-height: 22px; font-family: 'Fira Sans', sans-serif; font-weight: 300; margin-bottom: 27px; text-transform: none; letter-spacing: 0px; margin-right: 15px; } .videoList li a.showVideo:hover:after { background-color: rgba(41, 41, 41, 0.26); } ul.listingVideo.row.noSpace li:nth-child(2n+1) { clear: both; } ul.row.noSpace li:nth-child(2n+1) { clear: both; } ul.row.noSpace li:nth-child(6n+1) { clear: both; } .paddingBackground { border: 1px solid #dbdbdb; } .noPaddingTop { padding-top: 0px !important; } .projectList { min-height: 378px; } .homePageLanding .videoList li a img { transform: scale(1.05); } .homePageLanding .videoList li a:hover img { opacity: unset; } .overlayTeam { width: 1000px; position: relative; padding: 50px; } .overlayTeam .rectangleImage { display: inline-block; background-color: none; border: none; width: auto; } .fancyLeft { display: inline-block; float: left; width: auto; margin-right: 15px; } .fancyRight { display: inline-block; /* float: right; */ width: 63%; } .fancyRight .listingPosition.team { border: 0px; } .fancyRight h3.listingTitle.team { margin-bottom: 3px !important; padding-top: 0px; } .overlayTeam a.descirptionTeam { line-height: 21px; } .fancyMorholder { padding-top: 15px; margin-left: 2px; font-weight: 300; font-family: 'Fira Sans', sans-serif; } button.fancybox-close-small::after { display: none; } a.moreBtnFancy { color: black; font-size: 12px; letter-spacing: 2px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; } a.moreBtnFancy:hover { text-decoration: underline; } .listingHolder { border-bottom: 1px solid #e5e5e5; } .relatedProject .borderBottom { border-bottom: 1px solid #eaeaea; margin-bottom: 40px; padding-bottom: 10px; } .tabsMain.noPadding .tabsLinks { border-bottom: 1px solid #e9e9e9; height: 63px; } .newPublicationList li a img { max-height: 100%; } .relatedProject .listingDate { border: 0px; width: 100%; } .optionNoContainer .container { margin: 0 auto } .projectDetailsBody .owl-carousel-Items img { display: block; } .projectDetailsBody .owl-carousel-Items { text-align: center; } .projectDetailsBody .owl-carousel-Items { position: relative; margin: 0 auto; } .projectDetailsBody .owl-carousel-Items img { max-height: 630px; width: auto !important } .projectDetailsBody .owl-carousel .owl-item img { height: 100%; } .ProjectDetailsBlock .carouselBlock { border: 1px solid #dbdbdb; padding: 10px; } .ProjectDetailsBlock { overflow: hidden; } .ProjectDetailsBlock .optionNoContainer .container { margin: 0 auto } .ProjectDetailsBlock .owl-carousel-Items img { display: block; } .ProjectDetailsBlock .owl-carousel-Items { text-align: center; } .ProjectDetailsBlock .normalContainer .container { min-width: 630px; } .Enlarge { position: absolute; padding-top: 0; margin-bottom: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -20px; } .maindetailsCarousel li.maindetailsItem .mask a { display: block; height: 100%; position: relative; } .Enlarge:after { top: auto; bottom: -40px; left: calc(50% - 13px); } .projectDetailsBody .container { min-width: 750px; } .shareBlockMain .socialMedia a { width: 18px; height: 18px; display: inline-block; background-size: cover; margin-left: 1px; vertical-align: middle; } .shareBlockMain .socialMedia span { font-family: 'Oswald', sans-serif; text-transform: uppercase; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 15px; margin-bottom: 0 !important; } .ProjectListing .shareBlockMain.btnBlock { text-align: center; position: absolute; right: 0; top: 29px; padding-top: 3px; border-top: 2px solid #525254; width: auto; } .shareBlockMain .socialMedia { margin-top: 0 !important } .shareBlockMain.btnBlock { width: 145px; text-align: center; position: static; right: 0; top: 29px; display: block; padding-top: 5px; border-top: 2px solid #525254; margin: 0 auto; } .ProjectDetailsBlock .shareBlockMain.btnBlock { width: 165px; } .ProjectDetailsBlock .shareBlockMain .socialMedia { text-align: center; } .projectDetailsBody .owl-carousel .owl-dots.disabled { display: block; } .tabsMain.noPadding .Name { max-width: 100%; } .locationRectangle { max-width: 100%; display: block; } .row.Location { margin-left: 0; } .listingVideo .youtubeVideoHolder.smallerVideo.paddingBackground img, .listingVideo img.borderImagePub, #news .youtubeVideoHolder.smallerVideo.paddingBackground img { position: absolute; bottom: 0; min-height: 100%; width: auto; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; } .publicationList .youtubeVideoHolder.smallerVideo.paddingBackground img, .publicationList img.borderImagePub { max-width: 100% } .projectDetailsBody .publicationList.row li .smallerVideo { height: auto !important; padding-bottom: 125% } #publications li:nth-child(3n+1) { clear: both } .fancybox-navigation { position: fixed; height: 0; width: 1000px; top: calc(50% - 1px); left: calc(50% - 500px); display: block; z-index: 10000000; max-width: 100%; } .fancybox-button.fancybox-button--arrow_left { left: 10px !important; height: 44px; display: block; position: absolute; top: 50%; margin-top: -25px; width: 20px; } .fancybox-button.fancybox-button--arrow_right { right: 10px !important; height: 44px; display: block; position: absolute; top: 50%; width: 20px; margin-top: -22px; } .contactUsPage .container { width: auto; } .contactUsPage .container { min-width: 863px; } .contactUsPage .contactBlock .container { min-width: unset; } .contactUsPage .textareaParent, .contactUsPage .textareaParent textarea { max-width: 100%; width: 100% } .contactForm .row .col-md-6 { padding-right: 0; } .contactImage iframe { background: #000 } .contactImage { position: relative; } .contactImage:before { content: ''; height: 7px; width: 100%; top: 0px; background-color: #fff; position: absolute; left: 0; } .contactImage:after { content: ''; height: 11px; width: 100%; bottom: 0px; background-color: #fff; position: absolute; left: 0; } .firstLandingBlock { padding-top: 130px } .noPaddingTop .tabsMain { padding-top: 0; } .backgroundHolder { background-size: cover; background-position: center center; height: 100%; width: 100%; transition: 0.5s; transform: scale(1.05) } .youtubeVideo { overflow: hidden; } .youtubeVideo:hover .backgroundHolder { transform: scale(1) } .newPublicationList .backgroundHolder { transform: scale(1); background-position: center top; } .newPublicationList li:hover .backgroundHolder { transform: scale(1.05) } .biographyBlock .talksContainerBlock { border-bottom: 1px solid #e9e9e9; } .biographyBlock ul.carouselAwards { padding-bottom: 60px; border-bottom: 1px solid #e9e9e9; } .biographyBlock .TeamBlock { padding-top: 0; } .biographyBlock .rectangleImage, .biographyBlock .listingImageLoad { padding: 7px; border: 1px solid #dbdbdb; } .biographyBlock .zoomhover img { border: none; } .biographyBlock .talksContainerBlock li { padding: 0; } .biographyBlock .talksContainerBlock ul { margin: 0; } .biographyBlock .playButtonInCenter:after { width: calc(100% - 14px); height: calc(100% - 14px); top: 7px; left: 7px; } .status { margin-bottom: 15px; } .ProjectDetailsBlock .newPublicationList .dateListing { width: 100%; } .biographyBlock .listingHolderTalks .listingHolder { min-height: 82px; } .firstLandingBlock>.borderBottom { padding-bottom: 15px; } .firstLandingBlock .rightDiv.sameFont { margin-bottom: 0; } .carouselContainer.optionNoContainer { min-width: 750px; } .smallerMainContainer .publicationList li .mask { padding: 15px; } .smallerMainContainer .publicationList li .mask { padding: 15px; } .smallerMainContainer .publicationList li .mask p { margin-bottom: 30px; font-size: 14px; } .smallerMainContainer .relatedProject .publicationList li .mask .readMore { background-size: cover; border: none; width: 45px; height: 45px; } .projectDetailsBody.smallerMainContainer .smallerVideo { height: 200px; } .smallerPaddingTopF { padding-top: 140px; } .firstLandingBlock { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .carouselTeamblock .owl-carousel-Items { width: 25%; } .noLink a { cursor: default; } .noLink:hover .backgroundHolder { transform: scale(1.05); } .biographyBlock .carouselAwards .rectangleImage { margin-right: 0; } .biographyBlock .carouselTeam li.owl-carousel-Items { float: left; margin-right: 0; padding: 0 10px; } .biographyBlock .carouselTeam .carouselTeam { margin: 0 -10px } .biographyBlock .carouselTeam li.owl-carousel-Items:last-child { margin-right: 0; } .biographyBlock .carouselTeam li.owl-carousel-Items.rectangleImage { margin-right: 0; } .row.biography.about-section.noPaddingSection { padding-top: 0px; } .row.biography.about-section.noPaddingSection .row.textUnder { padding-bottom: 60px; } .biographyBlock .carouselTeam .rectangleImage { margin-right: 0; } .biographyBlock .carouselAwards.owl-loaded.owl-drag .owl-next { right: -35px } .biographyBlock .carouselTeam .carouselTeam img { max-width: 100%; } .carouselTeam { position: relative } .carouselTeam:after { content: ''; clear: both; display: table; } .projectDetailsBody .smallerVideo { height: 260px; } .owl-nav.disabled, .owl-nav .disabled { display: none; } .mapMainHolder { display: none; } .rightDiv.sameFont.noPaddingTop a { height: auto; position: unset; width: auto; text-decoration: underline; color: #2f2f2f; overflow: unset; } .rightDiv.sameFont.noPaddingTop a:hover { text-decoration: none; } a.newsTitleInListing { position: unseT; height: auto; width: auto; overflow: unset; color: #FFF; text-decoration: underline; } .mainContentCotainer a { position: relative !important; z-index: 5 !important; top: 7px !important; left: 0 !important; color: #fff; width: auto !important; height: auto !important; text-decoration: underline } .publicationList li .mask { height: calc(100% - 14px); left: 7px; width: calc(100% - 15px); top: 7px } .status { font-weight: 300; font-family: 'Fira Sans', sans-serif; color: black; } .AnchorsAbout { padding: 15px 10px 0; background-color: rgba(255, 255, 255, 0.9) } .project-details .carouselblock img { min-width: 700px; } .delay { transition-delay: 1s !important; } @media all and (max-width:1500px) { .anchorsHover:hover a.anchors:after, .anchorsHover a.anchors.visible:after { left: -60px; } .anchorsHover:hover a, a.anchors.visible { left: -4px; } a.anchors:after { left: -21px; } a.anchors { left: -7px; } } @media all and (max-width:1400px) { .publicationList li .mask p { margin-bottom: 30px; } .publicationList li .mask { padding: 20px; } } @media all and (max-width:1200px) { a.anchors { font-size: 0px; } .AnchorsAbout { display:none } .optionNoContainer { min-width: unset; } .Phone { margin-right: 40px !important; } .anchorsHover a.anchors.visible:after { width: 33px; } body { overflow-x: hidden; } .submitHolder:after { right: -2px !important; } .rightText { bottom: 12px; } .textareaParent textarea { height: 212px; } .phototextBlock .textBlock .shareBlock { top: 29px; } .textblockParag { padding-top: 0px; } ul.owl-carousel.maindetailsCarousel.owl-loaded.owl-drag .owl-dots { width: 100%; text-align: center; padding-top: 12px; display: block !important; } ul.owl-carousel.maindetailsCarousel.owl-loaded.owl-drag .owl-dots .owl-dot { border: 1px solid #535353 !important; width: 10px; margin-left: 12px; height: 10px; } ul.owl-carousel.maindetailsCarousel.owl-loaded.owl-drag .owl-dots .owl-dot.active { background-color: #535353 } .detailsLeft.aos-init.aos-animate { width: 100%; } .container { width: 970px; margin: 0 auto; } .bioghraphyBlock { margin-bottom: 52px; overflow: hidden; } .sendUsMessage { margin-bottom: 30px; } .carouselTeam .owl-carousel .owl-next { right: 16px !important; } .carouselAwards.owl-loaded.owl-drag .owl-next { right: 16px !important; } a.anchors:after { width: 8px; } .projectDetailsBody .container { margin: 0 auto !important } .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { position: absolute; bottom: 0; min-height: 100%; width: auto; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; } /* .publicationList .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { position: static; max-width: 100%; transform: none !important; } */ .optionNoContainer .container { width: 750px !important; } .namesAndPositions .col-md-3 { width: 50%; } .publicationList.row li .smallerVideo { height: auto; width: 100%; } .publications .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { transform: none !important; } .publicationList.row li .smallerVideo { height: 400px; } .publicationList.row li:nth-child(3n+1) { clear: both } .projectDetailsBody .owl-carousel-Items img { max-width: 100% } .borderImage { min-height: unset } .phototextBlock .textBlock { margin: 0 7px } .contactBorder { margin: 152px 20px 0 20px } iframe { max-width: 100% } .contactUsPage .sendUsMessage { padding:0 20px; } .contactUsPage footer .container { padding:0 20px; } } @media all and (max-width:1100px) { li.owl-carousel-Item.maindetailsItem { height:auto!important; } .carouselAwards.owl-loaded.owl-drag .owl-prev { left: -25px !important; } .carouselAwards.owl-loaded.owl-drag .owl-next { right: -20px !important; } .row.biography { padding-top: 110px; } .middleTitle:after { top: -151px; left: -294px; } .share:after { left: 196px; } /* .Enlarge:after { top: 70%; left: 194px; } */ .maindetailsCarousel li.maindetailsItem .mask:hover { opacity: 1; } .mac .submitHolder:after { right: auto; left: 0; width: 100%; height: 2px; background-image: none; background-color: #000; top: -1px; } .mac .submitHolder .primaryBtn, .submitHolder .primaryBtn { padding-left: 0; padding-right: 0; } .Phone { margin-right: 0; } .carouselTeam .owl-carousel .owl-next { right: 0px; } .underContainer { width: 100%; } .bioImage { max-width: 100%; } .secondDetailsCarousel .maindetailsCarousel.owl-loaded.owl-drag .owl-next { display: none; } .maindetailsCarousel.owl-loaded.owl-drag .owl-next { display: none; } .carouselAwards.owl-loaded.owl-drag .owl-next { right: 0px; } ul.publicationList.row.grid.owl-carousel.owl-loaded.owl-drag .owl-dots { width: 100%; text-align: center; } ul.publicationList.row.grid.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot { border: 2px solid #c2c2c2 !important; width: 13px; margin-left: 12px; height: 13px; } ul.publicationList.row.grid.owl-carousel.owl-loaded.owl-drag .owl-dots .owl-dot.active { background-color: #c2c2c2; } .newsLetter .newsletterSearch { border: 1px solid #cccccc; } .contactImage img { height: 100%; } .textareaParent textarea { width: 100%; height: 211px; text-align: center; } .ViewMap:after { left: 44%; } .sendUsMessage .blockTitle { margin-bottom: 30px; } .ViewMap { margin-bottom: 30px; padding-bottom: 30px; padding-top: 30px; } .submitHolder:after { top: 0; right: 3px; } .formActions { padding-top: 0px; } .textareaParent { float: none; } .contactForm .row .col-md-6 { width: 50%; position: absolute; margin-bottom: 30px; } .contactForm .col-md-12 { width: 50%; clear: left; } .AwardBLock { border-top: 1px solid #e9e9e9; padding-top: 0px; } .detailsInfos { margin-right: 0px; } /*.viewProject { margin-bottom: 30px; }*/ .projectDescription { margin-bottom: 13px; } .projectAddress { margin-bottom: 10px; } .projectName { margin-bottom: 15px; } .yearprojectListing { display: -webkit-box; } .imageQuote { position: relative; left: 0; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border: none; } .fancybox-button--close { width: 30px; height: 30px; background-size: cover !important; } .fancybox-navigation .fancybox-button { width: 20px; height: 41px; background-size: cover !important; margin-top: -20px; } .publicationList li .mask { padding: 15px; } ul.talksCarousel .owl-nav button.owl-next { right: -15px !important; } ul.talksCarousel .owl-nav button.owl-prev { left: -17px !important; } .listingPosition.team { text-align: left; } h3.listingTitle.team { text-align: left; } .optionNoContainer .container { width: 970px !important; margin: 0 20px; } } @media all and (max-width: 1025px) { .fancybox-navigation { left: 0; } .projectDetailsBody .owl-carousel-Items img { width: auto !important; height: auto !important } .projectDetailsBody .owl-carousel-Items { width: 100% !important; height: auto !important; } .projectDetailsBody .owl-carousel-Items { width: auto !important; max-width: 100%; } .normalContainer .container { min-width: 0; } .owl-carousel-Items img { position: static; max-width: 100%; transform: none; } } @media all and (max-width:992px) { .carouselTeamblock .owl-carousel-Items { width: 33.3333%; } .carouselTeam] { text-align: left; } .optionNoContainer .container { width: 750px !important; margin: 0 20px; } #publications .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { transform: none !important; position: static; } #publications .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { max-width: 100%; } .newPublicationList li a img { max-height: unset } .publicationList li .mask { display: none; } #publications .col-sm-12 { width: 33.3333% !important } .namesAndPositions .col-md-3 { width: 100% } .rightLeftHolder { padding-top: 5px; } ul.videoList.row.noSpace li { width: 50% !important; } /* .homepageLatest .videoDate { width: 100%; } .listingVideo .videoDate { width: 93%; } .homepageLatest li:first-child .dateListing { width: 80%; } .homepageLatest .dateListing { width: 80%; } .leftDiv.noPaddingTop { font-size: 14px; width: 99%; } */ .rightLeftHolder { width: 100%; } ul.homepageLatest li.col-md-6.col-sm-12.col-xs-12.fadeINListing.aos-init.aos-animate { width: 50%; } ul.stackedInput.visible { padding-left: 0px; } .borderImage { min-height: 0px; margin-bottom: 15px } .talksCarousel .owl-dots { width: 100%; position: absolute; text-align: center; bottom: 2px; } .talksCarousel .owl-dot.active { background: #535353; width: 10px !important; height: 10px !important; } .talksCarousel .owl-dot { border: 1px solid #535353 !important; width: 10px; margin-left: 12px; height: 10px; } .owl-carousel.carouselAwards .owl-dot { border: 1px solid #535353 !important; width: 10px; margin-left: 12px; height: 10px; } .owl-carousel.carouselAwards .owl-dot.active { background: #535353; width: 10px !important; height: 10px !important; } .owl-carousel.carouselAwards .owl-dots { width: 100%; position: absolute; text-align: center; bottom: 7px; } .contactUs li img { margin-right: 3px; } ul.talksCarousel li { padding-right: 0px !important; } ul.talksCarousel .owl-nav button.owl-prev { left: 2px !important; top: 28% !important; } ul.talksCarousel .owl-nav button.owl-next { right: -17px !important; top: 28% !important; } .socialMedia span { margin-right: 5px; } .socialMedia a { margin-left: 0px; } .carouselTeam { text-align: left; } .AnchorsAbout { display: none; } .middleTitle { width: 100%; } .shareBlock { display: none; } .phototextBlock .textBlock .shareBlock { top: 29px !important; } .container { width: auto; margin: 0 12px; } .carouselTeam .owl-carousel .owl-next { right: 0px !important; } .carouselAwards.owl-loaded.owl-drag .owl-prev { right: 0px !important; left: -8px !important; top: 200px; } .carouselAwards.owl-loaded.owl-drag .owl-next { right: -5px !important; top: 170px !important; } .biographyBlock .carouselAwards.owl-loaded.owl-drag .owl-prev { left: -20px !important; top: 116px !important; } .biographyBlock .carouselAwards.owl-loaded.owl-drag .owl-next { right: -15px !important; top: 114px !important; } .rectangleImage { width: 100%; } .row.travel { padding-bottom: 50px; } .AboutAnastasiaText .row.travel { padding-bottom: 20px; } ul.owl-carousel.carouselAwards.owl-loaded.owl-drag li { margin-bottom: 30px; } h3.listingTitle.awards { width: 100%; border-bottom: 0px; } .TeamBlock { padding-top: 0px; border-top: 1px solid #e9e9e9; } .talksTitle h2 { padding: 40px 0; } .AboutAnastasiaText .boldTextAbout.first { margin-bottom: 30px; } .AboutAnastasiaText .boldTextAbout { margin-bottom: 30px; } .travelMeetingsTitle h2 { padding: 40px 0; } .bioText { margin-bottom: 30px; } .upperbioText { margin-bottom: 30px; } .stackedInput, ul.stackedInput li { float: none; } .inputEntity { margin-bottom: 0px; } label#filter { padding-right: 0px; } label.category { padding-right: 20px; } .submitHolder:after { right: 0px; } .row.textUnder { padding-bottom: 30px; } .bioImage { width: 100%; background-position: center; margin-bottom: 15px; } .phototextBlock .textBlock { margin: 0 12px; } .categoryBlock { display: inline-block; padding: 0 0px; margin-bottom: 5px; } .SelectionBorder { position: relative; } .middleSelectionTitle { font-size: 20px; } .underTextCarousel { font-size: 14px; padding-top: 40px; margin-bottom: 40px; } .SelectionCarouselBlock { margin-left: 0px; max-width:100% } .selectionBorderBlock { width: 100%; text-align: -webkit-center; display: block; } .diagramTitle { margin-bottom: 30px; } .diagramAndModels { padding-top: 30px; } .carouseltextBlock .leftParg { padding-top: 10px; margin-bottom: 15px; } .more { line-height: 20px; } .videoList li a img { height: auto; } .videoContainer { max-width: 100%; margin: 0 auto; } .videoDetailsBlock { max-width: 100%; } .borderBottom { margin-bottom: 30px; padding-bottom: 30px; } .projectDescription { margin-bottom: 10px; } .projectAddress { margin-bottom: 10px; } .projectName { margin-bottom: 10px; } .phototextHolder .col-md-4 { float: left; width: 100%; } .col-md-8.projectList { margin-bottom: 0px; width: 100%; } .viewProject { margin-bottom: 40px; position: static } .detailsInfos { margin-right: 0px; } .projectName a { font-size: 22px; } .yearprojectListing { margin-bottom: 10px; } .bioghraphyBlock { margin-bottom: 52px; } .detailsImage { max-width: 100%; } .carouseltextBlock .rightParg { margin-bottom: 15px; } .carouseltextBlock { margin: 30px 0; } .diagramAndModels .leftParg { margin-bottom: 15px; } li.owl-carousel-Item.maindetailsItem { margin-left: 0px; height: 100%; } footer { margin-bottom: 23px; } .multipleTabsListing { margin-bottom: 23px; } h2.detailsTitle br { display: none; } .publicationList .col-sm-12 { width: 50%; } .publicationList.row li:nth-child(3n+1) { clear: unset } .publicationList .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { position: static; max-width: 100%; transform: none !important; } .smallerVideo { height: 220px } .newPublicationList .backgroundHolder { background-position: center top } .contactUsMain .container, .contactUsPage .container { min-width: 0; width: 100% !important; margin: 0 !important; padding: 0 20px; } .contactUsPage .sendUsMessage { padding: 0 ; } } @media all and (max-width:767px) { .projectDetailsBody .container { min-width: 0; } .ProjectListing .shareBlockMain.btnBlock { top: 41px; } .shareBlockMain .socialMedia span { width: calc(100% - 80px); } .newPublicationList li a { padding: 7px; } a#filter { font-size: 14px; } .projectBlock { right: 0px; } .carouselAwards ul.owl-carousel.carouselAwards.owl-loaded.owl-drag li { margin-left: 9px; margin-right: 9px; } .talksContainerBlock li.listingItemLI.col-md-4.col-sm-6.col-xs-12 { margin-left: 9px; } .secondDetailsCarousel li.owl-carousel-Item.maindetailsItem { margin-left: 0px; } .relatedProject .smallerVideo { height: 190px !important; } .relatedProject .publicationHeight { height: 452px !important; } .relatedProject .borderBottom { margin-bottom: 30px; } .publicationList.row li .smallerVideo { margin-bottom: 6px; } h3.relatedTitleNews { padding-top: 0px; margin-bottom: 10px; } .namesAndPositionsAbout .col-md-3.col-sm-6.col-xs-12.namePosition { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .namesAndPositionsAbout .PositionTeam { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 7px !important; } .rectangleImage .playButtonInCenter:before { top: 70%; } .tabsMain.noPadding .Name { margin-left: 0px; } .fancybox-button.fancybox-button--arrow_left { left: 15px; top: 50%; } .fancybox-button.fancybox-button--arrow_right { right: 25px; top: 50%; } .fancybox-navigation { display: block; } .fancyRight h3.listingTitle.team { margin-bottom: 10px !important; padding-top: 10px; } .fancyRight { width: 100%; } .overlayTeam { width: 100%; margin-top: 0px; margin-bottom: 0px; height: 100%; } .contactBorder { padding: 7px 7px; } .contactImage { height: 170px; } .Name { margin-left: 38px; } .PositionTeam { margin-left: 38px; padding-bottom: 0px; margin-bottom: 10px; width: 274px; padding-bottom: 10px; } .fancyMorholder { padding: 15px 0px; text-align: left; margin-left: 0px; } .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { padding: 0px; max-width: 100%; } .textblockParag .leftParg { margin-bottom: 10px; } li.owl-carousel-Item.maindetailsItem { height: 300px; } .carouselBlock .owl-dots { bottom: -33px; } .dimensiondProjects { padding-top: 30px; } .projectList { min-height: 0px; } .threeTabs .namesAndPositions { width: 100%; } .threeTabs .LocationBlock { width: 100%; } .LocationBlock { padding-bottom: 10px; } .namesAndPositions { padding-top: 20px; } a.underTab.active { padding-bottom: 5px; } .noPadding .tabsLinks a { font-size: 14px; color: #000; display: inline-block; margin: 10px 0px; } .specificHeight .paddingBackground { height: 190px !important; } .projectBlock .projectYear:nth-of-type(4) { margin-bottom: 20px; } .smallerVideo { /*height: 283px !important;*/ } ul.videoList.row.noSpace li { padding: 0px 0px; } a.mobileTabsToggle { color: #1f1f1f; font-size: 18px; display: block; font-weight: 400; letter-spacing: 3px; } .mobileTabsToggle { position: relative; } .multipleTabsListing { position: relative; padding-left: 20px; text-align: left; /* padding: 10px 0px 10px 10px; */ padding-top: 10px; padding-bottom: 10px; } .mobileTabsToggle:after { position: absolute; background-image: url(/images/pressdown.png); width: 20px; height: 10px; top: 10px; /* left: 0px; */ content: ""; right: 20px; background-size: 20px 10px; } .paddingTopMobile { display: block; padding-top: 100px; } .paddingTopMobile .projectBlock { display: none; padding-top: 0px !important; } .paddingTopMobile .projectBlock .projectYear { text-align: left; } .paddingTopMobile .projectBlock .projectYear a.underlineHoverProject { padding-left: 0px; } .contactImage iframe { width: 100% !important; height: 100% !important; } .projectYear { float: none; text-align: center; display: inline-block; margin-top: 5px; } .locationAdrress { display: none; } .locationRectangle { width: 100%; } .containerProject { margin: 0 auto; width: 100%; } .row.Location { width: 100%; text-align: center; margin: 0px 0px; padding-top: 0px; } ul.publicationList.row.grid.owl-carousel.owl-loaded.owl-drag .owl-dots { padding-top: 13px; } .publicationList.owl-carousel li { max-width: 100%; margin: 0 auto; } .publicationList.row li .smallerVideo { height: 452px; } .phototextBlock .textBlock .shareBlock { right: 2px; } .projectBlock { padding-top: 60px; width: 100%; text-align: center; margin: 0 auto; padding-top: 80px !important; } .ViewMap:after { left: 34% !important; } .paddingTopMobile .projectYear { width: 100%; } .carouselTeam .owl-carousel .owl-prev { left: 0 !important; } .carouselAwards.owl-loaded.owl-drag .owl-next { right: 0px; } .youtubeVideoHolder.smallerVideo { background-size: contain; background-position: center; } .smallerVideo { height: 190px; } .publicationList.row { margin: 0 0px; } .submitHolder:after { right: 2px; } .AwardBLock { border-top: 1px solid #e9e9e9; padding-top: 0px; } .AboutAnastasiaText .boldTextAbout { margin-bottom: 17px; } a.underlineHover { margin-left: 40px; } .phototextBlock .textBlock .shareBlock { top: 29px !important; } .projectName a { font-size: 18px; } .newsLetter h5 { margin-bottom: -4px; } .projectNameTitle { font-size: 18px; } .newsLetter h5 { width: auto !important; } .youtubeVideoHolder { max-width: 100%; height: 350px; } .PressBlock .youtubeVideoHolder { height: 192px; } .videoMainBlock { padding-top: 0px; padding-bottom: 20px; margin-bottom: 20px; } .diagramHolder { padding-bottom: 20px; margin-bottom: 20px; } .projectNameTitle { position: relative; } .titleandSub .back { top: 128px; } .titleandSub { padding-top: 120px; } label.category { padding-right: 0px; position: relative; left: -8px; } label#filter { margin-bottom: 10px; } .newsLetter { text-align: left; padding-top: 0px; margin: 0 auto 0; } a.facebook { margin-left: 0px; } a.twitter { margin-left: 10px; } a.instagram { margin-left: 10px; } a.youtube { margin-left: 10px; } a.linkedin { margin-left: 10px; } a.vimeo { margin-left: 10px; } .socialMedia span { width: 100%; display: block; text-align: left; margin-bottom: 10px; } .contactUs li { margin-left: 0px; width: 100%; } .contactUs { max-width: 100%; text-align: center; width: 100%; display: inline-block; margin: 0 0 40px; } .detailsTitle { margin-bottom: 15px; } .col-md-8.projectList { margin-bottom: 30px; } .yearsTabs.tabsLinks { width: 100%; text-align: center; } .mainMenu ul li { position: fixed; left: 0px; top: 0; margin-left: 0px; } .tabsMain { padding-top: 113px; } header { padding-bottom: 28px; padding-top: 0px; border-bottom: 1px solid #ededed; } .detailsTitle br { display: none; } .col-sm-6.floatRight { width: 100%; clear: both; display: inline-block; margin-bottom: 20px; } .borderBottom:first-child .col-sm-6 { clear: both; } .detailsImage img, .imageQuote { width: 100%; display: inline-block; float: left; } .imageQuote { position: relative; left: 0; top: 0; bottom: auto; padding-top: 0; } .module:nth-child(3n+1) { clear: none; width: 100%; } .publicationList li .mask { width: 100%; } .publicationList li { margin-bottom: 25px; overflow: hidden; width: 100%; } .projectList li, .videoList li { width: 49%; display: inline-block; vertical-align: top; } .module:nth-of-type(2) { margin-top: 0; } .videoList li a:before { width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; background-size: cover !important; } .fancybox-button--close { top: 20px; right: 20px; } .leftParg { font-size: 15px; line-height: 21px; } .videoList li { margin-bottom: 15px; } .videoList li a { font-size: 16px; } .yearsTabs.tabsLinks { margin-bottom: 20px; } .textblockParag { padding-top: 0px; padding-bottom: 15px; } .socialMedia { text-align: left; margin-top: 15px; } .detailsInfos { margin-right: 0; } .newsLetter .newsletterSearch { width: 100%; float: left; margin-bottom: 33px; } .newsletterSearch input[type="text"] { float: left; width: 70%; } ul.videoList.row.noSpace li { width: 100%; } .contactBorder { margin-top: 160px; } .mobileMenuToggler.active span { display: none; } .mobileMenuToggler.active:after { position: absolute; content: ""; width: 17px; height: 17px; background-image: url(/images/X.png); left: calc(50% - 8px); top: 16px; } .carouselTeam .owl-carousel .owl-next { right: 0px !important; } .SelectionBlock { padding-top: 115px; } .specificHeight .leftParg { margin-bottom: 2px; } .rightDiv.sameFont { margin-right:0px; margin-bottom: 10px; width: 44%; } .carouselTeam .rectangleImage { margin: 0px 0px !important; } } @media all and (max-width:670px) { .selectionBorderBlock { margin-bottom: 40px; } .publicationList.row li.module { width: 100%; } .publicationList li { margin-bottom: 10px !important; } .submitHolder .primaryBtn { display: block; } .share:after { left: 130px; bottom: 31px; } /* .Enlarge:after { top: 50%; left: 130px; } */ .contactForm .col-md-12 { width: 100%; clear: left; } .contactForm .row .col-md-6 { width: 100%; position: static; } .menusMain.active .mainMenu>ul { height: 100%; } a.underlineHover.active { padding-bottom: 5px; } .projectBlock { padding-top: 106px; } .youtubeVideoHolder.smallerVideo { background-size: cover; /*height: 190px !important;*/ } .shareBlock { display: none; } .breadCrumbInsideCont { display: none; } .back { display: none; } .publicationList li:hover .mask { opacity: 0; } .submitHolder:after { right: 0px; } .SelectionCarouselBlock { width: 100% !important; } .contactBorder { margin-top: 120px; } .inputParent input { margin-bottom: 5px; } .locationAdrress { letter-spacing: 2px; } .Phone:after { left: 100px; } .Email a { font-size: 15px; } .Phone { margin-bottom: 0px; width: 100%; } .Email { padding-top: 0px; } .Email:after { top: 5px; } .row.biography { margin-bottom: 15px; } .borderImage { position: relative; z-index: 10; } a.underlineHoverProject { font-size: 18px; } .borderBottom { padding-bottom: 0; } .titleandSub { padding-top: 120px; } .mobileMenuToggler.active span { display: none; } .carouselAwards.owl-loaded.owl-drag .owl-prev { top: 170px !important; } .carouselAwards.owl-loaded.owl-drag .owl-next { top: 170px; } .carouselTeamblock { padding-bottom: 20px; } .carouselTeam .owl-carousel .owl-next { right: 0px !important; top: 150px; } .carouselTeam .owl-carousel .owl-prev { top: 150px; left: 0 !important; } a.underlineHoverProject { margin-right: 15px; margin-left: 0px; } ul.publicationList.row.grid.owl-carousel.owl-loaded.owl-drag .owl-dots { margin-bottom: 20px; display: none; } ul.publicationList .owl-nav.disabled { display: block; } ul.publicationList .owl-nav.disabled .owl-next { font-size: 0px; position: absolute !important; content: ""; background-image: url(/images/smallRight.png) !important; width: 12px; height: 23px; top: 50% !important; right: 0 !important; } ul.publicationList .owl-nav.disabled .owl-prev { font-size: 0px; position: absolute !important; content: ""; background-image: url(/images/smallLeft.png) !important; width: 12px; height: 23px; top: 50% !important; left: 0 !important; } .maindetailsCarousel.owl-loaded.owl-drag .owl-prev { left: 11px; } .maindetailsCarousel.owl-loaded.owl-drag .owl-next { right: 2px; top: 44%; } .stackedInput, ul.stackedInput li { float: left; margin-bottom: 5px; } .inputEntity { display: inline-block; float: left; width: 100%; margin-bottom: 5px; } .AboutAnastasiaText .row.travel { margin-bottom: 0px; } .textBlock { margin-bottom: 30px; } .namesAndPositionsAbout { padding-bottom: 30px; margin-bottom: 30px; } .AboutAnastasiaText .boldTextAbout { margin-bottom: 30px; } .travelMeetingsTitle h2 { padding: 25px 0; } .talksTitle h2 { padding: 20px 0; } .paragOne { padding-right: 0px !important; margin-bottom: 15px; } .paragTwo { margin-bottom: 15px; } .upperbioText { margin-bottom: 15px; } .bioImage { width: 100%; height: 300px; background-size: cover; background-position: center; } .row.biography { padding-top: 85px; } .row { margin: 0 -10px; } .floatRight { float: none; } .allProject { margin-bottom: 31px; margin-top: 42px; } .homePageTitle a { display: block; margin: 0 auto; } .container .container { margin: 0 } .landArea { width: 100%; } .builtUp { margin-left: 0px; } .blockTitle { margin-bottom: 15px; } .socialMedia { margin-top: 30px; } .projectName { margin-bottom: 4px; } .projectList .borderImage img { width: 100%; } .publicationList li .mask .listingDate, .publicationList li .mask p, .detailsTitle br, .fancybox-navigation .fancybox-button { display: block !important; } .publicationList li .mask h2 { font-size: 18px; } .detailsImage img, .imageQuote { width: 100%; display: block; float: none; } .videoList li a:before { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; background-size: cover !important; } .videoList li { font-size: 14px; } .detailsLeft { width: 100%; height: 100%; } .contactUs li { margin-left: 0; margin-top: 30px; display: block; width: 100%; } .borderBottom { margin-bottom: 30px; } .middleTitle { font-size: 16px; width: 100%; } .leftText { width: 50%; font-size: 8px; left: 6px; bottom: 10px; } .arrowDown { width: 100%; text-align: center; left: 0; } .rightText { width: auto; font-size: 8px; right: 20px; bottom: 10px; } .borderContact { padding-bottom: 42px; margin-bottom: 22px; } .contactUs li:first-child { margin-bottom: 9px; } .phototextHolder { margin-bottom: 40px; } .borderContact .blockTitle { margin-bottom: 30px; } .newsLetter h5 { letter-spacing: 2px; width: 100%; text-align: left } li.floatRight a { display: inline-block; float: left; background-size: 24px 24px; } .socialMedia span { width: 100%; display: inline-flex; margin-bottom: 14px; } a.twitter { margin-left: 10px; } a.instagram { margin-left: 10px; } a.youtube { margin-left: 10px; } a.linkedin { margin-left: 10px; } .newsLetter { margin: 0 auto 0; padding-top: 0px; text-align: left; } .newsletterSearch input[type="submit"] { z-index: 10; } .rightLeftHolder .col-md-12 { padding-left: 0px; padding-bottom: 0; } .contactUs { margin: 0px; } .contactUs li { margin: 0px; } .rightLeftHolder { padding-top: 11px; } .leftParg { font-size: 16px; line-height: 22px; margin-bottom: 25px; } ul.videoList.row.noSpace li.col-sm-6 { width: 100%; padding: 0px; margin-bottom: 0; } .textblockParag { padding: 0px; } .arrowDown a { padding-bottom: 40px; } .homePageTitle img { width: 100%; padding: 0 10px; } .mainMenu ul { display: inline-block; width: 100%; text-align: center; padding: 0 20px; } /*.mainMenu ul li { display: inline-block; margin-left: 4px; float: left; }*/ .mainMenu ul li a.active { padding-bottom: 1px; } .mainMenu ul li a { font-size: 18px; } .yearsTabs { text-align: inherit; } .phototextBlock .textBlock { margin: 0 4px; } .yearprojectListing { display: inline-block; border-bottom: 1px solid #DBDBDA; width: 96%; margin-bottom: 14px; margin-top: 12px; } .phototextBlock .textBlock { width: 100%; margin-bottom: 35px; float: left; } .viewProject { margin-bottom: 0px; } .projectAddress { margin-bottom: 13px; } .container { margin: 0px 10px; width: auto; } .col-md-8.projectList { margin-bottom: 0px !important; } } @media screen and (max-width: 767px) { .listingTitle.team { padding-top: 0; } #publications li:nth-child(3n+1) { clear: unset; } #publications li:nth-child(2n+1) { clear: both; } .Phone { margin-right: 0 !important; } .listingDate { width: 80%; border: 0px; } .dateListing { width: 80%; } .newPublicationList .dateListing { width: 100%; } .newPublicationList h3 { font-size: 14px; } ul.newPublicationList li:nth-child(2n+1) { clear: both; } ul.newPublicationList li { width: 50%; } .publicationList.row li .smallerVideo { height: 217px !important; } .videoList li a.showVideo:before { margin: 0; width: 30px; height: 30px; top: calc(50% - 15px); left: calc(50% - 15px); } .specificHeight .paddingBackground { height: 90px !important; margin-right: 11px; } .listingVideo .paddingBackground { height: 90px !important; margin-right: 11px; } .carouseltextBlock { margin: 20px 0px; } .contactForm { margin-bottom: 0px; padding-bottom: 20px; } .homePageTitle { opacity: 1; padding-top: 18px; z-index: 10; position: relative; background: white; } .homePageMainHeader .homePageTitle { opacity: 1; padding-top: 18px; z-index: 10; position: relative; background: white; } .borderImage, .textBlock { height: auto !important } ul.publicationList { height: auto !important; } .module { position: Static !important } .mobileMenuToggler { width: 100%; height: 50px; position: absolute; cursor: pointer; top: -20px; right: 0; background: white; z-index: 6; border-bottom: 1px solid #ededed; } .burgerMenu { position: relative; z-index: 65; } .listingBlock { position: relative; z-index: 4; } .mobileMenuToggler span, .mobileMenuToggler span:after, .mobileMenuToggler span:before { width: 25px; height: 2px; background-color: #5b5b5c !important; backface-visibility: hidden; } .mobileMenuToggler span { position: relative; display: block; margin: auto; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 50%; margin-top: -2px; left: 50%; margin-left: -12px; } .mobileMenuToggler.active span { transition: background .3s 0s ease; background: transparent; } .mobileMenuToggler span:after, .mobileMenuToggler span:before { content: ""; position: absolute; left: 0; top: -8px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 24px; height: 4px; background-color: #000; backface-visibility: hidden; } .mobileMenuToggler span, .mobileMenuToggler span:after, .mobileMenuToggler span:before { width: 24px; height: 2px; background-color: #fff; backface-visibility: hidden; } .mobileMenuToggler.active span:before, .mobileMenuToggler.active span:after { top: 0; -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .mobileMenuToggler.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobileMenuToggler.active span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobileMenuToggler span:after { top: 8px; } .menusMain { position: fixed; top: 0; left: 0; bottom: 0; z-index: 4; text-align: left; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; right: 100%; } .mainMenu>ul { position: fixed; top: -100%; left: 0; width: 100%; padding: 15px 10px; color: #666666; background: #ffffff; font-size: 14px; line-height: 20px; overflow: auto; -webkit-transition: all 0.9s linear; -moz-transition: all 0.9s linear; -ms-transition: all 0.9s linear; -o-transition: all 0.9s linear; transition: all 0.9s linear; left: 0; max-height: calc(100% - 60px); overflow: auto; top: -100%; } .menusMain.active { right: 0; } .menusMain.active .mainMenu>ul { left: 0; top: 98px; border-top: 1px solid #ededed; } /*.menusMain.active .mainMenu > ul { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }*/ .menusMain .mainMenu>ul>li { float: none; display: block; position: relative; margin-bottom: 40px; } .subMenuToggle { position: absolute; left: -10px; top: 11px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; color: #fff; } .subMenuToggle::after { content: "\f107"; font-family: 'FontAwesome'; font-size: 30px; } .menusMain .ddSecondLevel { display: none; position: static; max-height: inherit; background: #000; } .openSubmenu .subMenuToggle::after { content: "\f106"; color: #FFF; } .desktop li:hover .subMenuToggle::after { color: #FFF; } .mainMenu>ul>li.openSubmenu>a, .desktop .mainMenu>ul>li:hover>a { background: transparent; color: #FFF; } .listingHolder .listingItem.op1v10 .listingImage, .listingHolder .listingItem.op1v10 .listingInfos { width: 100%; float: none; } .container .highlight-op1v3 .listingHolder li:first-child { height: 200px; width: 100%; } .viewProject { bottom: -21px; } .optionNoContainer .container { width: auto !important; margin: 0 20px !important; } .projectDetailsBody .container { margin: 0 20px !important; } .ProjectDetailsBlock .shareBlockMain.btnBlock { width: 180px; } .projectsListingAnnaElRouss .col-md-4 { margin-bottom: 25px; } .shareBlockMain.btnBlock { width: 165px; } ul#ulNewsListing18 li:nth-child(10) { clear: unset } #publications .col-sm-12 { width: 50% !important } /* .publicationList.row li .smallerVideo { height: auto !important } */ #publications .newsTitleInListing { display: none; } #news .specificHeight .paddingBackground, #videos .listingVideo .paddingBackground, .specificHeight .paddingBackground { margin-right: 0; } #news ul.videoList.row.noSpace li, #videos ul.videoList.row.noSpace li, .publicationList.row li, .videoList li { padding: 0 5px !important; } #news ul, #videos ul, #publications ul, .videoList { margin: 0 -5px !important; } .homePageTitle img { padding: 0 20px; } .container { margin: 0 20px; } .youtubeVideoHolder.smallerVideo.paddingBackground img, img.borderImagePub { transform: none !important; position: static; } .carouselTeam li.owl-carousel-Items { width: 100%; margin-bottom: 25px; } .namesAndPositionsAbout .PositionTeam, .Name { margin-left: 0; } .publicationList li a.newsTitleInListing { display: none } .projectDetailsBody .publicationList.row li .smallerVideo { height: 217px !important; padding-bottom: 0; max-height: 217px; } .listingVideo .youtubeVideoHolder.smallerVideo.paddingBackground img, .listingVideo img.borderImagePub, #news .youtubeVideoHolder.smallerVideo.paddingBackground img { transform: none !important; position: static; max-width: 100%; } .homePageLanding a.showVideo.fancybox.youtubeVideo .backgroundHolder, .videoList li a, .homePageLanding a.youtubeVideo .backgroundHolder, .publicationList li a.backgroundHolder { background-position: center center; } .newPublicationList li a { padding: 0; } .leftDiv, .rightDiv.sameFont, .videoDate, .dateListing { width: 100% !important; } .publicationList.row { margin: 0 -5px } .borderImage { margin-bottom: 0; } .contactForm .row .col-md-6 { padding-right: 12px; } .biographyBlock .carouselAwards.owl-loaded.owl-drag .owl-next { top: 151px !important; } .biographyBlock .carouselAwards.owl-loaded.owl-drag .owl-prev { left: -16px !important; top: 149px !important; } .landingfullBanner { opacity: 1 !important; position: relative; visibility: visible !important } .middleTitle { visibility: visible !important; top: 50% !important; position: absolute; opacity: 1 !important; color: white !important; font-size: 16px !important; letter-spacing: 10px !important; } .firstLandingBlock { padding-top: 140px; } .leftText { position: absolute; } .arrowDown { position: absolute } ul.videoList.row.noSpace li { width: 100% !important; } .specificHeight .paddingBackground, .listingVideo .paddingBackground { height: 175px !important; } .videoList li { margin-bottom: 25px; } .sendUsMessage .inputEntity { position: relative; margin-bottom: 25px; } .sendUsMessage span.field-validation-error.errorMessage { right: 0; } .Phone:after { left: -22px; } .Phone { width: auto; } .projectsListingAnnaElRouss .yearprojectListing { margin-bottom: 25px; } ul.talksCarousel .owl-nav button.owl-prev { left: -13px; } .talksContainerBlock li.listingItemLI.col-md-4.col-sm-6.col-xs-12 .listingItem { margin-left: 9px; margin-right: 9px; } .talksContainerBlock li.listingItemLI.col-md-4.col-sm-6.col-xs-12 { margin-left: 0; } ul.talksCarousel .owl-nav button.owl-prev { left: -17px !important; } .homePageLanding .projectsListingAnnaElRouss .yearprojectListing { margin-bottom: 14px; } .Phone { width: 100%; } .Phone a { position: relative; } .Phone:after { display: none; } .Phone a:after { left: -22px; content: ""; position: absolute; background-image: url(/images/phone.png); height: 16px; width: 17px; top: 2px; } .project-details .carouselblock img { min-width: 0; } } .input-errorNL { border-color: red; border: 2px solid red; }