/* Minification failed. Returning unminified contents. (1068,3578): run-time error CSS1030: Expected identifier, found '.' (1068,3594): run-time error CSS1031: Expected selector, found ')' (1068,3594): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4027): run-time error CSS1030: Expected identifier, found '.' (1068,4043): run-time error CSS1031: Expected selector, found ')' (1068,4043): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4147): run-time error CSS1030: Expected identifier, found '.' (1068,4163): run-time error CSS1031: Expected selector, found ')' (1068,4163): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4231): run-time error CSS1030: Expected identifier, found '.' (1068,4247): run-time error CSS1031: Expected selector, found ')' (1068,4247): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4416): run-time error CSS1030: Expected identifier, found '.' (1068,4432): run-time error CSS1031: Expected selector, found ')' (1068,4432): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4583): run-time error CSS1030: Expected identifier, found '.' (1068,4599): run-time error CSS1031: Expected selector, found ')' (1068,4599): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4762): run-time error CSS1030: Expected identifier, found '.' (1068,4778): run-time error CSS1031: Expected selector, found ')' (1068,4778): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4836): run-time error CSS1030: Expected identifier, found '.' (1068,4852): run-time error CSS1031: Expected selector, found ')' (1068,4852): run-time error CSS1025: Expected comma or open brace, found ')' (1068,4925): run-time error CSS1030: Expected identifier, found '.' (1068,4941): run-time error CSS1031: Expected selector, found ')' (1068,4941): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5072): run-time error CSS1030: Expected identifier, found '.' (1068,5088): run-time error CSS1031: Expected selector, found ')' (1068,5088): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5220): run-time error CSS1030: Expected identifier, found '.' (1068,5236): run-time error CSS1031: Expected selector, found ')' (1068,5236): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5324): run-time error CSS1030: Expected identifier, found '.' (1068,5340): run-time error CSS1031: Expected selector, found ')' (1068,5340): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5489): run-time error CSS1030: Expected identifier, found '.' (1068,5505): run-time error CSS1031: Expected selector, found ')' (1068,5505): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5648): run-time error CSS1030: Expected identifier, found '.' (1068,5664): run-time error CSS1031: Expected selector, found ')' (1068,5664): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5749): run-time error CSS1030: Expected identifier, found '.' (1068,5765): run-time error CSS1031: Expected selector, found ')' (1068,5765): run-time error CSS1025: Expected comma or open brace, found ')' (1068,5911): run-time error CSS1030: Expected identifier, found '.' (1068,5927): run-time error CSS1031: Expected selector, found ')' (1068,5927): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6057): run-time error CSS1030: Expected identifier, found '.' (1068,6073): run-time error CSS1031: Expected selector, found ')' (1068,6073): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6211): run-time error CSS1030: Expected identifier, found '.' (1068,6227): run-time error CSS1031: Expected selector, found ')' (1068,6227): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6286): run-time error CSS1030: Expected identifier, found '.' (1068,6302): run-time error CSS1031: Expected selector, found ')' (1068,6302): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6569): run-time error CSS1030: Expected identifier, found '.' (1068,6585): run-time error CSS1031: Expected selector, found ')' (1068,6585): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6640): run-time error CSS1030: Expected identifier, found '.' (1068,6656): run-time error CSS1031: Expected selector, found ')' (1068,6656): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6724): run-time error CSS1030: Expected identifier, found '.' (1068,6740): run-time error CSS1031: Expected selector, found ')' (1068,6740): run-time error CSS1025: Expected comma or open brace, found ')' (1068,6943): run-time error CSS1030: Expected identifier, found '.' (1068,6959): run-time error CSS1031: Expected selector, found ')' (1068,6959): run-time error CSS1025: Expected comma or open brace, found ')' (1068,7141): run-time error CSS1030: Expected identifier, found '.' (1068,7157): run-time error CSS1031: Expected selector, found ')' (1068,7157): run-time error CSS1025: Expected comma or open brace, found ')' (1068,7250): run-time error CSS1030: Expected identifier, found '.' (1068,7266): run-time error CSS1031: Expected selector, found ')' (1068,7266): run-time error CSS1025: Expected comma or open brace, found ')' (1068,7417): run-time error CSS1030: Expected identifier, found '.' (1068,7433): run-time error CSS1031: Expected selector, found ')' (1068,7433): run-time error CSS1025: Expected comma or open brace, found ')' (1068,7585): run-time error CSS1030: Expected identifier, found '.' (1068,7601): run-time error CSS1031: Expected selector, found ')' (1068,7601): run-time error CSS1025: Expected comma or open brace, found ')' (1068,7911): run-time error CSS1030: Expected identifier, found '.' (1068,7927): run-time error CSS1031: Expected selector, found ')' (1068,7927): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8080): run-time error CSS1030: Expected identifier, found '.' (1068,8096): run-time error CSS1031: Expected selector, found ')' (1068,8096): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8167): run-time error CSS1030: Expected identifier, found '.' (1068,8183): run-time error CSS1031: Expected selector, found ')' (1068,8183): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8335): run-time error CSS1030: Expected identifier, found '.' (1068,8351): run-time error CSS1031: Expected selector, found ')' (1068,8351): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8453): run-time error CSS1030: Expected identifier, found '.' (1068,8469): run-time error CSS1031: Expected selector, found ')' (1068,8469): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8618): run-time error CSS1030: Expected identifier, found '.' (1068,8634): run-time error CSS1031: Expected selector, found ')' (1068,8634): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8731): run-time error CSS1030: Expected identifier, found '.' (1068,8747): run-time error CSS1031: Expected selector, found ')' (1068,8747): run-time error CSS1025: Expected comma or open brace, found ')' (1068,8898): run-time error CSS1030: Expected identifier, found '.' (1068,8914): run-time error CSS1031: Expected selector, found ')' (1068,8914): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9015): run-time error CSS1030: Expected identifier, found '.' (1068,9031): run-time error CSS1031: Expected selector, found ')' (1068,9031): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9141): run-time error CSS1030: Expected identifier, found '.' (1068,9157): run-time error CSS1031: Expected selector, found ')' (1068,9157): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9216): run-time error CSS1030: Expected identifier, found '.' (1068,9232): run-time error CSS1031: Expected selector, found ')' (1068,9232): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9299): run-time error CSS1030: Expected identifier, found '.' (1068,9315): run-time error CSS1031: Expected selector, found ')' (1068,9315): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9457): run-time error CSS1030: Expected identifier, found '.' (1068,9473): run-time error CSS1031: Expected selector, found ')' (1068,9473): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9668): run-time error CSS1030: Expected identifier, found '.' (1068,9684): run-time error CSS1031: Expected selector, found ')' (1068,9684): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9783): run-time error CSS1030: Expected identifier, found '.' (1068,9799): run-time error CSS1031: Expected selector, found ')' (1068,9799): run-time error CSS1025: Expected comma or open brace, found ')' (1068,9870): run-time error CSS1030: Expected identifier, found '.' (1068,9886): run-time error CSS1031: Expected selector, found ')' (1068,9886): run-time error CSS1025: Expected comma or open brace, found ')' (1068,10249): run-time error CSS1030: Expected identifier, found '.' (1068,10265): run-time error CSS1031: Expected selector, found ')' (1068,10265): run-time error CSS1025: Expected comma or open brace, found ')' (1068,10364): run-time error CSS1030: Expected identifier, found '.' (1068,10380): run-time error CSS1031: Expected selector, found ')' (1068,10380): run-time error CSS1025: Expected comma or open brace, found ')' (1068,10486): run-time error CSS1030: Expected identifier, found '.' (1068,10502): run-time error CSS1031: Expected selector, found ')' (1068,10502): run-time error CSS1025: Expected comma or open brace, found ')' (1068,10568): run-time error CSS1030: Expected identifier, found '.' (1068,10584): run-time error CSS1031: Expected selector, found ')' (1068,10584): run-time error CSS1025: Expected comma or open brace, found ')' (1068,10828): run-time error CSS1030: Expected identifier, found '.' (1068,10844): run-time error CSS1031: Expected selector, found ')' (1068,10844): run-time error CSS1025: Expected comma or open brace, found ')' (1068,11179): run-time error CSS1030: Expected identifier, found '.' (1068,11195): run-time error CSS1031: Expected selector, found ')' (1068,11195): run-time error CSS1025: Expected comma or open brace, found ')' (1068,11593): run-time error CSS1030: Expected identifier, found '.' (1068,11609): run-time error CSS1031: Expected selector, found ')' (1068,11609): run-time error CSS1025: Expected comma or open brace, found ')' (1068,11881): run-time error CSS1030: Expected identifier, found '.' (1068,11897): run-time error CSS1031: Expected selector, found ')' (1068,11897): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12178): run-time error CSS1030: Expected identifier, found '.' (1068,12194): run-time error CSS1031: Expected selector, found ')' (1068,12194): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12395): run-time error CSS1030: Expected identifier, found '.' (1068,12411): run-time error CSS1031: Expected selector, found ')' (1068,12411): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12471): run-time error CSS1030: Expected identifier, found '.' (1068,12487): run-time error CSS1031: Expected selector, found ')' (1068,12487): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12528): run-time error CSS1030: Expected identifier, found '.' (1068,12544): run-time error CSS1031: Expected selector, found ')' (1068,12544): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12634): run-time error CSS1030: Expected identifier, found '.' (1068,12650): run-time error CSS1031: Expected selector, found ')' (1068,12650): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12792): run-time error CSS1030: Expected identifier, found '.' (1068,12808): run-time error CSS1031: Expected selector, found ')' (1068,12808): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12864): run-time error CSS1030: Expected identifier, found '.' (1068,12880): run-time error CSS1031: Expected selector, found ')' (1068,12880): run-time error CSS1025: Expected comma or open brace, found ')' (1068,12992): run-time error CSS1030: Expected identifier, found '.' (1068,13008): run-time error CSS1031: Expected selector, found ')' (1068,13008): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13064): run-time error CSS1030: Expected identifier, found '.' (1068,13080): run-time error CSS1031: Expected selector, found ')' (1068,13080): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13214): run-time error CSS1030: Expected identifier, found '.' (1068,13230): run-time error CSS1031: Expected selector, found ')' (1068,13230): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13371): run-time error CSS1030: Expected identifier, found '.' (1068,13387): run-time error CSS1031: Expected selector, found ')' (1068,13387): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13500): run-time error CSS1030: Expected identifier, found '.' (1068,13516): run-time error CSS1031: Expected selector, found ')' (1068,13516): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13625): run-time error CSS1030: Expected identifier, found '.' (1068,13641): run-time error CSS1031: Expected selector, found ')' (1068,13641): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13739): run-time error CSS1030: Expected identifier, found '.' (1068,13755): run-time error CSS1031: Expected selector, found ')' (1068,13755): run-time error CSS1025: Expected comma or open brace, found ')' (1068,13952): run-time error CSS1030: Expected identifier, found '.' (1068,13968): run-time error CSS1031: Expected selector, found ')' (1068,13968): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14221): run-time error CSS1030: Expected identifier, found '.' (1068,14237): run-time error CSS1031: Expected selector, found ')' (1068,14237): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14390): run-time error CSS1030: Expected identifier, found '.' (1068,14406): run-time error CSS1031: Expected selector, found ')' (1068,14406): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14482): run-time error CSS1030: Expected identifier, found '.' (1068,14498): run-time error CSS1031: Expected selector, found ')' (1068,14498): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14681): run-time error CSS1030: Expected identifier, found '.' (1068,14697): run-time error CSS1031: Expected selector, found ')' (1068,14697): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14798): run-time error CSS1030: Expected identifier, found '.' (1068,14814): run-time error CSS1031: Expected selector, found ')' (1068,14814): run-time error CSS1025: Expected comma or open brace, found ')' (1068,14947): run-time error CSS1030: Expected identifier, found '.' (1068,14963): run-time error CSS1031: Expected selector, found ')' (1068,14963): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15090): run-time error CSS1030: Expected identifier, found '.' (1068,15106): run-time error CSS1031: Expected selector, found ')' (1068,15106): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15248): run-time error CSS1030: Expected identifier, found '.' (1068,15259): run-time error CSS1031: Expected selector, found ')' (1068,15259): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15517): run-time error CSS1030: Expected identifier, found '.' (1068,15528): run-time error CSS1031: Expected selector, found ')' (1068,15528): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15609): run-time error CSS1030: Expected identifier, found '.' (1068,15620): run-time error CSS1031: Expected selector, found ')' (1068,15620): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15679): run-time error CSS1030: Expected identifier, found '.' (1068,15690): run-time error CSS1031: Expected selector, found ')' (1068,15690): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15758): run-time error CSS1030: Expected identifier, found '.' (1068,15769): run-time error CSS1031: Expected selector, found ')' (1068,15769): run-time error CSS1025: Expected comma or open brace, found ')' (1068,15941): run-time error CSS1030: Expected identifier, found '.' (1068,15952): run-time error CSS1031: Expected selector, found ')' (1068,15952): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16054): run-time error CSS1030: Expected identifier, found '.' (1068,16065): run-time error CSS1031: Expected selector, found ')' (1068,16065): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16165): run-time error CSS1030: Expected identifier, found '.' (1068,16176): run-time error CSS1031: Expected selector, found ')' (1068,16176): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16255): run-time error CSS1030: Expected identifier, found '.' (1068,16266): run-time error CSS1031: Expected selector, found ')' (1068,16266): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16361): run-time error CSS1030: Expected identifier, found '.' (1068,16372): run-time error CSS1031: Expected selector, found ')' (1068,16372): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16433): run-time error CSS1030: Expected identifier, found '.' (1068,16444): run-time error CSS1031: Expected selector, found ')' (1068,16444): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16525): run-time error CSS1030: Expected identifier, found '.' (1068,16536): run-time error CSS1031: Expected selector, found ')' (1068,16536): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16633): run-time error CSS1030: Expected identifier, found '.' (1068,16644): run-time error CSS1031: Expected selector, found ')' (1068,16644): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16702): run-time error CSS1030: Expected identifier, found '.' (1068,16713): run-time error CSS1031: Expected selector, found ')' (1068,16713): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16791): run-time error CSS1030: Expected identifier, found '.' (1068,16802): run-time error CSS1031: Expected selector, found ')' (1068,16802): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16896): run-time error CSS1030: Expected identifier, found '.' (1068,16907): run-time error CSS1031: Expected selector, found ')' (1068,16907): run-time error CSS1025: Expected comma or open brace, found ')' (1068,16969): run-time error CSS1030: Expected identifier, found '.' (1068,16980): run-time error CSS1031: Expected selector, found ')' (1068,16980): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17062): run-time error CSS1030: Expected identifier, found '.' (1068,17073): run-time error CSS1031: Expected selector, found ')' (1068,17073): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17178): run-time error CSS1030: Expected identifier, found '.' (1068,17189): run-time error CSS1031: Expected selector, found ')' (1068,17189): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17250): run-time error CSS1030: Expected identifier, found '.' (1068,17261): run-time error CSS1031: Expected selector, found ')' (1068,17261): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17386): run-time error CSS1030: Expected identifier, found '.' (1068,17397): run-time error CSS1031: Expected selector, found ')' (1068,17397): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17588): run-time error CSS1030: Expected identifier, found '.' (1068,17599): run-time error CSS1031: Expected selector, found ')' (1068,17599): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17784): run-time error CSS1030: Expected identifier, found '.' (1068,17795): run-time error CSS1031: Expected selector, found ')' (1068,17795): run-time error CSS1025: Expected comma or open brace, found ')' (1068,17998): run-time error CSS1030: Expected identifier, found '.' (1068,18009): run-time error CSS1031: Expected selector, found ')' (1068,18009): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18158): run-time error CSS1030: Expected identifier, found '.' (1068,18169): run-time error CSS1031: Expected selector, found ')' (1068,18169): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18326): run-time error CSS1030: Expected identifier, found '.' (1068,18337): run-time error CSS1031: Expected selector, found ')' (1068,18337): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18467): run-time error CSS1030: Expected identifier, found '.' (1068,18478): run-time error CSS1031: Expected selector, found ')' (1068,18478): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18608): run-time error CSS1030: Expected identifier, found '.' (1068,18619): run-time error CSS1031: Expected selector, found ')' (1068,18619): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18731): run-time error CSS1030: Expected identifier, found '.' (1068,18742): run-time error CSS1031: Expected selector, found ')' (1068,18742): run-time error CSS1025: Expected comma or open brace, found ')' (1068,18856): run-time error CSS1030: Expected identifier, found '.' (1068,18867): run-time error CSS1031: Expected selector, found ')' (1068,18867): run-time error CSS1025: Expected comma or open brace, found ')' (1087,63): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1092,16): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1093,22): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1096,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1097,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1098,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1099,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1107,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1108,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1109,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1112,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1114,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1116,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1117,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1118,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1128,180): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1132,89): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1133,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1134,66): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1135,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1136,75): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (1136,127): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-checked' (1137,109): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1138,61): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-disabled' (1138,114): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled' (1139,60): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (1140,148): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1141,87): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1141,137): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-hover' (1142,100): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (1146,64): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1147,63): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1148,62): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1149,73): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (1149,126): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1150,106): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1152,57): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (1153,142): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1154,84): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1154,135): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1155,97): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (1157,72): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1158,94): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1160,83): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1162,50): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1166,154): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1167,39): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (1196,86): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1210,45): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (1212,60): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1216,100): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1217,55): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1227,61): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (1229,43): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1237,82): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1240,223): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1252,31): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1264,93): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1265,61): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1265,96): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1265,132): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1268,52): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1272,131): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (1277,100): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1277,181): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1280,95): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1284,80): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1289,136): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1289,172): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1294,50): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1332,86): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1332,126): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1334,75): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1345,114): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (1348,120): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (1350,119): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1375,140): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1384,106): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1395,104): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1402,83): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1403,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1404,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1417,56): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1419,57): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1420,47): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1426,102): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1438,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1439,25): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1440,25): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1455,110): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (1456,140): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (1479,74): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (1480,68): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1504,189): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1505,89): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1525,83): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (1526,43): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1527,94): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1528,59): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1536,100): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1537,50): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1571,131): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1590,68): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1591,33): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1593,39): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1594,77): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1595,61): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1606,98): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (1608,146): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1613,63): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1614,44): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1614,89): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1617,83): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1619,42): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1620,63): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1621,95): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1633,123): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1641,47): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (1645,89): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1754,27): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1764,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (1769,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1776,98): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1787,84): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (1792,114): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1811,115): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1815,63): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (1815,116): run-time error CSS1035: Expected colon, found '}' (1847,142): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1848,42): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1855,130): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1856,150): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1857,47): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1859,132): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1862,99): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1866,145): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1867,169): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1869,62): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1872,172): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1873,76): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1879,132): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1886,103): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1888,105): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1888,182): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1898,26): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1903,26): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1907,47): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1908,67): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1924,53): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1928,116): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1929,52): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1939,105): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1939,178): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1940,85): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1941,99): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1965,46): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (2000,137): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2000,173): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2006,135): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (2040,96): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2041,51): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2043,105): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2045,84): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (2046,46): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2079,56): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2087,135): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2098,56): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2099,155): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2102,98): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2102,134): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2109,56): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2110,61): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2113,102): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2113,161): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2116,38): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2116,87): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2119,76): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2120,55): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2121,64): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2126,63): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2127,88): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2134,104): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2142,84): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2143,131): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2149,115): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2152,67): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2154,99): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2170,131): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2171,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2172,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2173,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2175,115): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2190,107): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2192,151): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2194,106): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2195,144): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2196,57): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2203,111): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2207,99): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (2208,114): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2209,88): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (2375,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2384,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2400,28): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (2403,162): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (2404,51): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2405,105): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2408,77): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2' (2414,74): run-time error CSS1039: Token not allowed after unary operator: '-color-darker' (2457,56): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2481,24): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2485,53): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2612,25): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey' (2624,25): run-time error CSS1030: Expected identifier, found '.' (2624,48): run-time error CSS1031: Expected selector, found ')' (2624,48): run-time error CSS1025: Expected comma or open brace, found ')' (2685,50): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' */ @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Black.eot'); src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('/content/css/font/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Black.woff2') format('woff2'), url('/content/css/font/ProximaNova-Black.woff') format('woff'), url('/content/css/font/ProximaNova-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Extrabld.eot'); src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('/content/css/font/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Extrabld.woff2') format('woff2'), url('/content/css/font/ProximaNova-Extrabld.woff') format('woff'), url('/content/css/font/ProximaNova-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-SemiboldIt.eot'); src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'), url('/content/css/font/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-SemiboldIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-SemiboldIt.woff') format('woff'), url('/content/css/font/ProximaNova-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNovaT-Thin.eot'); src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('/content/css/font/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNovaT-Thin.woff2') format('woff2'), url('/content/css/font/ProximaNovaT-Thin.woff') format('woff'), url('/content/css/font/ProximaNovaT-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Light.eot'); src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('/content/css/font/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Light.woff2') format('woff2'), url('/content/css/font/ProximaNova-Light.woff') format('woff'), url('/content/css/font/ProximaNova-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-BlackIt.eot'); src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'), url('/content/css/font/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-BlackIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-BlackIt.woff') format('woff'), url('/content/css/font/ProximaNova-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-BoldIt.eot'); src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'), url('/content/css/font/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-BoldIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-BoldIt.woff') format('woff'), url('/content/css/font/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-ThinIt.eot'); src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'), url('/content/css/font/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-ThinIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-ThinIt.woff') format('woff'), url('/content/css/font/ProximaNova-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Bold.eot'); src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('/content/css/font/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Bold.woff2') format('woff2'), url('/content/css/font/ProximaNova-Bold.woff') format('woff'), url('/content/css/font/ProximaNova-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-RegularIt.eot'); src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('/content/css/font/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-RegularIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-RegularIt.woff') format('woff'), url('/content/css/font/ProximaNova-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-ExtrabldIt.eot'); src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'), url('/content/css/font/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-ExtrabldIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-ExtrabldIt.woff') format('woff'), url('/content/css/font/ProximaNova-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('/content/css/font/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Regular.woff2') format('woff2'), url('/content/css/font/ProximaNova-Regular.woff') format('woff'), url('/content/css/font/ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-LightIt.eot'); src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'), url('/content/css/font/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-LightIt.woff2') format('woff2'), url('/content/css/font/ProximaNova-LightIt.woff') format('woff'), url('/content/css/font/ProximaNova-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('/content/css/font/ProximaNova-Semibold.eot'); src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('/content/css/font/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ProximaNova-Semibold.woff2') format('woff2'), url('/content/css/font/ProximaNova-Semibold.woff') format('woff'), url('/content/css/font/ProximaNova-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background:#232128; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity:0.9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background:#EB6629; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient( to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100% ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #EB6629; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .fancybox-button--thumbs { display:none !important; } .swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; } ul, li { float:left; display:inline; } h1, h2, h3, h4, h5 { font-weight:normal; } i, em { font-style:normal; } button, select { border:none; margin:0; padding:0; background:transparent; } figure { margin:0; padding:0; } * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* Finish RESET */ body { margin:0; color:#444; font-size:14px; font-family:var(--font-primary); line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#FFF; } *::-moz-selection { background:rgba(0, 0, 0, 0.1); } *::selection { background:rgba(0, 0, 0, 0.1); } a { color:var(--color-dark); text-decoration:none; } a:hover { color:var(--color-blue); text-decoration:none; } :root { --color-dark:#1C325D; --color-darker:#1A284B; --color-blue:#0D5E9A; --color-blue-2:#2377B7; --color-red:#E30613; --color-grey:#A4ADBE; --color-dark-grey:#4E6071; --color-light-grey:#D2D6DF; --color-light:#F6F6F6; --font-primary:'Proxima Nova','Arial'; --input-background-color: #FFF; --input-border-color: #bfbfbf; --input-border-color-inline: #FFF; --input-border-color-checked: #00A678; --input-background-color-checked: #38A3A5; --input-border-color-inline-checked: #38A3A5; --input-border-color-disabled: #bfbfbf; --input-background-color-disabled: #F2F2F2; --input-border-color-inline-disabled: #bfbfbf; --input-border-color-hover: #38A3A5; --input-background-color-hover: #FFF; --input-border-color-inline-hover: #bfbfbf; --input-border-color-focus: #00A678; } /* Reset Css */ input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; } input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; } input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; } /* Customization checkbox & radio */ input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; } input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; } input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; } /* Customization checbox */ input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); } input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; } input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); } input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); } input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); } input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); } input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); } input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); } input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); } input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); } input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); } /* Customization radio */ input[type='radio']::before { border-radius: 50%; border: solid 1px; } input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; } input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); } input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); } input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); } input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); } input[type='radio']:disabled::before {} input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); } input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); } input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); } input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); } input, textarea, select { float:left; font-size:20px; font-family:var(--font-primary), Arial; border-radius:0; border:0; } button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:var(--font-primary), Arial; font-size:20px; font-weight:700; } .input { width:100%; height:50px; padding:0 18px; border:0; border:1px solid var(--color-grey); transition:all 0.3s; background-color:#FFF; } .select { background:url(/content/images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .input:focus , .select:focus { border-color:var(--color-light); } textarea.input { padding-top:13px !important; padding-bottom:13px !important; } .button { float:none; height:50px; display:inline-block; padding:0 30px !important; cursor:pointer; position:relative; color:#FFF; background-color:var(--color-blue); transition:all 0.25s; } .button:hover { background-color:var(--color-darker); } .meka { float:left; width:100%; padding-top:70px; position:relative; } .wrap , .wrap-slim { margin:0 auto; width:1440px; min-height:10px; position:relative; } .wrap-slim { width:100%; max-width:1080px; } .tac { text-align:center; } .fl { float:left !important; } .fr { float:right !important; } .fn { float:none !important; } .w100 { float:left; width:100% !important; } .w50 { float:left; width:50%; } .mt40 { margin-top:40px; } .mt30 { margin-top:30px; } .mt20 { margin-top:20px; } .mt10 { margin-top:10px; } .mb40 { margin-bottom:40px; } .mb30 { margin-bottom:30px; } .mb20 { margin-bottom:20px; } .mb10 { margin-bottom:10px; } .d-none { display:none; } .superlative-item picture img.ratio { aspect-ratio: 1/1; } /* Start TOP */ .header { position:fixed; top:0; left:0; right:0; height:70px; background-color:var(--color-dark); z-index:2000; transition:all 0.75s; } .header .wrap { position:static; } /* .scroll .header { box-shadow:0 0 27px rgba(13,94,154,0.4); } */ .scroll-mobile .header { box-shadow:0 0 27px rgba(13,94,154,0.8); } #logo { float:left; z-index:1900; } #logo a { float:left; padding:21px 0; } #logo img { height:28px; transition:all 0.5s; } .nav-icon { display:none; } .header-search-wrap { float:right; position:relative; } .search-icon { float:right; width:60px; height:60px; margin:5px 0; position:relative; cursor:pointer; text-align:center; transition:all 0.4s; z-index:100; } .search-icon-close { background-color:var(--color-darker); } .search-icon i , .header-search button i { float:left; width:100%; height:100%; font-size:20px; color:#FFF; line-height:60px; } .search-icon i:hover , .search-icon-close i { color:var(--color-blue-2); } .header-search { position:absolute; right:0; top:65px; width:400px; z-index:8100; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); display:none; overflow:hidden; } .header-search input { float:left; width:100%; height:60px; padding:0 80px 0 20px; font-size:16px; line-height:60px; background-color:#FFF; } .header-search button { position:absolute; top:0; right:0; bottom:0; width:60px; background:var(--color-blue) url(/content/images/icon-search-2.png) no-repeat center / 24px; } .header-search button:hover { background-color:var(--color-blue-2); } .header-lang-wrap { float:right; height:70px; margin:0 30px 0 40px; position:relative; z-index:100; font-weight:600; font-size:17px; line-height:70px; } .header-lang-icon { float:right; width:60px; height:100%; padding:0 20px; position:relative; cursor:pointer; z-index:250; color:#FFF; } .header-lang-icon::before { content:""; position:absolute; top:0; right:0; bottom:0; width:20px; background:url(/content/images/arrow-white-down.png) no-repeat right 48% / 10px auto; } .header-lang { position:absolute; top:60px; right:-15px; width:80px; background-color:rgba(255,255,255,0.95); display:none; z-index:300; box-shadow:0 10px 50px rgba(0,0,0,0.15); text-align:center; } .header-lang ul { width:100%; } .header-lang li { width:100%; } .header-lang li a { float:left; width:100%; color:var(--color-dark-grey); font-size:14px; font-weight:400; line-height:40px; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.08); } .header-lang li:last-child a { box-shadow:none; } .header-lang li a:hover { color:var(--color-blue); } #nav { float:right; z-index:200; } #nav > ul > li { margin-right:60px; position:relative; } #nav > ul > li:last-child { margin-right:0; } #nav > ul > li.nav-pro { position:static; } #nav > ul > li.nav-multi > a::after { content:""; float:right; width:12px; height:70px; margin-left:7px; background:url(/content/images/arrow-white-down.png) no-repeat 0 48% / 100% auto; } #nav > ul > li > a { float:left; font-weight:600; font-size:17px; color:#FFF; line-height:70px; position:relative; transition:all 0.3s; } #nav > ul > li:hover > a , #nav li > a.active { box-shadow:inset 0 3px 0 var(--color-blue-2); } #nav > ul > li.nav-multi:hover > .nav-menu { display:block; } .nav-menu { display:none; position:absolute; top:68px; left:-20px; width:320px; padding:25px; background-color:rgba(255,255,255,0.93); box-shadow:0 10px 50px rgba(0,0,0,0.15); text-align:left; border-top:2px solid var(--color-blue-2); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } #nav > ul li.nav-pro .nav-menu { left:0; right:0; width:auto; padding:0; border-radius:0; } .nav-menu::before { content:""; border-bottom:3px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; height:0; position: absolute; width:0; left:30px; top:-5px; border-bottom-color:var(--color-blue-2); } .nav-menu > a { float:left; width:100%; padding:10px 15px; position:relative; font-size:15px; transition:all 0.2s; border-bottom:1px solid rgba(0,0,0,0.06); } .nav-menu > a:first-child { border-top:1px solid rgba(0,0,0,0.06); } .nav-pro .nav-menu { border-top:0; } .nav-pro .nav-menu::before { display:none; } .nav-menu-pro { float:left; width:100%; position:relative; } .nav-menu-pro-in { float:left; width:100%; position:relative; display:flex; } .nav-menu-pro-in .nav-menu-pro-close { width: 35px; height:35px; padding: 5px; background-color:rgba(0, 0, 0, 0.1); font-size: 24px; top:0; right:-35px; position:absolute; z-index:1; cursor:pointer; } .nav-menu-block { float:left; width:33.33334%; padding:25px; box-shadow:inset 1px 0 0 var(--color-grey); } .nav-menu-block:last-child { box-shadow:inset 1px 0 0 var(--color-grey) , inset -1px 0 0 var(--color-grey) , inset 0 -10px 0 var(--color-blue); background-color:rgba(0,0,0,0.05); } .nav-menu-icon { float:left; width:100%; margin-bottom:10px; } .nav-menu-icon img { float:left; height:60px; } .nav-menu-title { margin-bottom:20px; color:var(--color-dark); } .nav-menu-promo { float:left; width:100%; position:relative; } .nav-menu-promo picture , .nav-menu-promo picture img { float:left; width:100%; } .nav-menu-promo section { float:left; width:100%; margin:20px 0; text-align:center; font-size:28px; font-weight:300; color:var(--color-dark-grey); line-height:36px; } .nav-menu-links { float:left; width:100%; } .nav-menu-links > ul { width:100%; } .nav-menu-links > ul > li { width:100%; } .nav-menu-links > ul > li > a { float:left; width:100%; padding:2px 12px; border:1px solid var(--color-grey); border-bottom-width:0; font-size:24px; font-weight:300; color:var(--color-grey); line-height:30px; } .nav-menu-links > ul > li > a.category-menu:after { content:""; float:right; width:12px; height:20px; margin-left:7px; background:url(/content/images/arrow-dark-down.png) no-repeat 0 75% / 100% auto; } .nav-menu-links > ul > li > a.category-menu.open:after { background:url(/content/images/arrow-dark-up.png) no-repeat 0 75% / 100% auto; } .nav-menu-links > ul > li > a:hover , .nav-pro-submenu li:first-child a:hover { color:var(--color-blue); } .nav-menu-links > ul > li:last-child > a { border-bottom-width:1px; } .nav-menu-links > ul > li > ul { display: none; width:100%; margin-bottom:20px; } .nav-menu-links > ul > li > ul > li { width:100%; border-top:1px solid var(--color-grey); } .nav-menu-links > ul > li > ul > li > a { float:left; width:100%; padding:4px 5px 4px 13px; font-size:19px; display:flex; align-items:center; } .nav-menu-links > ul > li > ul > li > a:hover { font-weight:700; } .nav-menu-links > ul > li > ul > li > a i , .nav-pro-submenu li a i { float:right; margin-left:auto; font-size:20px; } .nav-pro-submenu { position:absolute; top:0; left:33.33334%; width:33.33334%; height:100%; padding:25px; box-shadow:inset 1px 0 0 var(--color-grey) , inset 0 -10px 0 var(--color-blue); background-color:#FFF; z-index:100; display:none; } .nav-pro-submenu picture , .nav-pro-submenu picture img { float:left; width:100%; } .nav-pro-submenu picture { margin-bottom:20px; } .nav-pro-submenu ul , .nav-pro-submenu li { width:100%; } .nav-pro-submenu li a { float:left; width:100%; padding:4px 0; font-size:17px; display:flex; align-items:center; } .nav-pro-submenu li:first-child a { color:var(--color-grey); } .nav-pro-submenu li a strong { padding-left:20px; font-weight:400; } .nav-pro-submenu li a:hover strong { font-weight:700; } /* Finish TOP */ .mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; } .mask-top { top:0; bottom:auto; } .mask-reverse { transform:scaleX(-1); } .mask img , .mask-top img { float:right; width:100%; max-height:20px; } .controls { height:100%; } .slick-prev , .slick-next { position:absolute; top:50%; width:60px; height:48px; margin-top:-24px; text-indent:-9999px; cursor:pointer; z-index:1000; transition:all 0.4s; background:rgba(0,0,0,0.2) url(/content/images/arrow-white-left.png) no-repeat center / auto 36px; } .slick-prev { left:0; } .slick-next { right:0; background-image:url(/content/images/arrow-white-right.png); } .slick-prev:hover , .slick-next:hover { background-color:rgba(0,0,0,0.4) !important; } ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:70px 0 30px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.27)); } ul.slick-dots li { float:none; height:12px; margin:0 5px; display:inline-block; } ul.slick-dots li button { width:40px; height:12px; position:relative; cursor:pointer; border-top:5px solid transparent; border-bottom:5px solid transparent; transition:all 0.2s; text-indent:-9999px; opacity:0.4; } ul.slick-dots li button:hover { opacity:0.7; } ul.slick-dots li button::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; } ul.slick-dots li.slick-active button { opacity:1; } .slider-hero-wrap { float:left; width:100%; position:relative; background-color:var(--color-dark); box-shadow:0 -70px 0 var(--color-dark); z-index:700; } .slider-hero { float:left; width:100%; position:relative; background:var(--color-primary) url(/content/images/lines-white.png) no-repeat right bottom / 50% auto; z-index:700; overflow:hidden; } .slider-hero .slick-list { overflow:hidden; } .slider-hero-item { float:left; width:100%; position:relative; text-align:center; overflow:hidden; } .slider-hero-item picture , .slider-hero-item img { float:left; width:100%; position:relative; z-index:10; } .slider-hero-item picture { overflow:hidden; } .slider-hero-item img { transition:all 3s; transform-origin:center; transform:scale(1.5); } .slick-current.slider-hero-item img { transform:scale(1); } .slider-hero-video { position:absolute; top:-50px; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; } .slider-title { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1000; text-align:left; color:var(--color-darker); display:flex; align-items:center; } .slider-title-in { float:left; width:50%; max-width:520px; position:relative; left:50%; transition:all 1.5s; opacity:0; overflow:hidden; } .slick-current .slider-title-in { left:0; opacity:1; } .slider-title-in::after { content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background-color:var(--color-red); } .slider-title strong { padding:0 20px; font-size:48px; font-weight:100; letter-spacing:-1.5px; line-height:58px; background-color:rgba(255,255,255,0.8); box-decoration-break:clone; -webkit-box-decoration-break:clone; -o-box-decoration-break:clone; } .slider-title-cta { display:inline-block; height:48px; padding:0 20px; font-size:19px; font-weight:700; color:var(--color-blue-2); line-height:48px; background-color:rgba(255,255,255,0.8); transition:all 0.4s; } .slider-title-cta:hover { background-color:#FFF; } .slider-title-cta i { float:right; padding-left:16px; font-size:32px; line-height:48px; } .slider-title-right { text-align:right; } .slider-title-right .slider-title-in { float:right; left:auto; right:50%; } .slick-current .slider-title-right .slider-title-in { right:0; } .slider-title-right .slider-title-in::after { left:auto; right:0; } .slider-hero ul.slick-dots li { margin:0 10px; } .slider-hero ul.slick-dots li button { width:120px; } .slider-hero-wrap .mask img , .hero-page-top .mask img { width:50%; } .vertical-out { width:100%; height:100%; display:table; } .vertical-in { width:100%; display:table-cell; vertical-align:middle; } /* Start WHATSAPP */ .connect-whatsapp { position:fixed; bottom:20px; right:20px; z-index:1990; display:block; } .connect-whatsapp a { float:left; width:48px; height:48px; border:2px solid #FFF; background:#25CC64 url(/content/images/icon-whatsapp.png) no-repeat center / 20px; border-radius:50%; overflow:hidden; text-indent:-9999px; } .connect-whatsapp a:hover { background-color:#20AC55; } /* Start FOOTER */ .footer { float:left; width:100%; padding-top:80px; position:relative; font-size:17px; color:#FFF; line-height:24px; background-color:var(--color-dark); } .footer a { color:#FFF; } .footer a:hover { text-decoration:underline; } .footer-meka , .footer-right { float:right; width:50%; position:relative; } .footer-meka { padding-right:80px; } .footer-right { display:flex; } .footer-title { float:left; width:100%; position:relative; font-weight:700; font-size:17px; color:var(--color-blue-2); } .footer-logo { float:left; width:100%; margin-top:40px; margin-bottom:60px; } .footer-logo img { float:left; height:36px; } .footer-connect { float:left; width:100%; } .footer-connect > section { float:left; width:calc(50% - 10px); } .footer-connect > section:last-child { float:right; } .footer-connect ul , .footer-connect li , .footer-connect li a { width:100%; } .footer-connect li { margin-bottom:10px; } .footer-links { float:left; width:calc(50% - 10px); padding-left:20px; box-shadow:inset 1px 0 0 var(--color-blue-2); } .footer-links.fr { margin-left:auto; } .footer-links-icon { float:left; width:100%; margin-bottom:10px; } .footer-links-icon img { float:left; height:60px; } .footer-links li { width:100%; } .footer-links li a { float:left; } .copyright { float:left; width:100%; padding:50px 0; margin-top:30px; color:var(--color-blue-2); position:relative; font-size:16px; z-index:10; } .copyright a { float:left; color:var(--color-blue-2); } .copyright a:hover { color:var(--color-grey); text-decoration:underline; } .copyright i { float:left; margin:0 15px; } .copyright section { float:left; width:100%; margin-top:10px; } .copyright .fr { color:#FFF; } .copyright .fr a { float:none; margin-left:5px; font-weight:600; } /* Start CONTENT */ .block-flexed { float:left; width:100%; position:relative; display:flex; } .align-center { align-items:center; } .flex-left { float:left; width:50%; padding-right:10%; position:relative; } .flex-right { float:right; width:50%; position:relative; } .block-dark { position:relative; background-color:var(--color-dark); color:#FFF; } .block-dark a { color:#FFF; } .block-light { position:relative; background-color:var(--color-light); } .block-border-top { border-top:1px solid var(--color-blue); } .block-spacer { position:relative; } .block-spacer::before { content:""; position:absolute; top:0; left:0; right:0; height:100px; background-image:linear-gradient(180deg,#000,rgba(0,0,0,0.0)); opacity:0.15; } .block-world { position:relative; } .block-world::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(/content/images/bg-world.png) no-repeat center 45% / 100% auto; opacity:0.4; mix-blend-mode:multiply; } .page-title { float:left; width:100%; position:relative; font-size:64px; font-weight:400; color:var(--color-dark); letter-spacing:-0.5px; line-height:100%; z-index:10; } .fs-34 { font-size:34px; } .fs-44 { font-size:44px; } .fs-70 { font-size:70px; } .page-summary { float:left; width:100%; position:relative; font-size:26px; font-weight:300; line-height:35px; } .page-summary p { margin-bottom:15px; } .page-summary p:last-child { margin-bottom:0; } .page-text { float:left; width:100%; position:relative; font-size:19px; line-height:25px; } .text-white { color:#FFF !important; } .text-blue { color:var(--color-blue) !important; } .text-dark { color:var(--color-dark) !important; } .text-grey { color:var(--color-grey) !important; } .fw-300 { font-weight:300 !important; } .fw-400 { font-weight:400 !important; } .fw-600 { font-weight:600 !important; } .fw-700 { font-weight:700 !important; } .fw-800 { font-weight:800 !important; } .fw-900 { font-weight:900 !important; } .fi { font-style:italic; } .hero-cat { float:left; width:100%; padding-top:100px; position:relative; text-align:center; } .hero-cat ul { width:calc(100% + 50px); margin-left:-25px; display:flex; flex-flow:row wrap; } .hero-cat li { width:50%; padding:0 25px; } .hero-cat-item { float:left; width:100%; height:100%; padding:20px; position:relative; background-color:var(--color-darker); } .hero-cat-item::after { content:""; position:absolute; bottom:-7px; left:calc(50% - 50px); width:100px; height:7px; background-color:var(--color-red); transition:all 0.5s; } .hero-cat-item:hover::after { left:calc(50% - 100px); width:200px; } .hero-cat-icon { float:left; width:100%; margin-top:-55px; margin-bottom:20px; position:relative; } .hero-cat-icon picture { display:inline-block; } .hero-cat-icon picture img { float:left; height:100px; } .hero-cat-summary { padding:0 10%; margin:15px 0; } .hero-cat-picture { float:left; width:100%; position:relative; } .hero-cat-picture picture { float:left; width:100%; overflow:hidden; } .hero-cat-picture picture img { float:left; width:100%; transform-origin:center; transition:all 1.5s; } .hero-cat-item:hover .hero-cat-picture picture img { transform:scale(1.2,1.2); } .hero-cta-wrap { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; } .hero-cta { float:left; width:100%; padding:80px 0; position:relative; display:flex; align-items:center; } .hero-cta-content { float:left; width:67%; padding-right:140px; } .hero-cta-content .shadow-text { padding:0 10px; background-color:rgba(28,50,93,0.8); box-decoration-break:clone; -webkit-box-decoration-break:clone; -o-box-decoration-break:clone; } .hero-cta-form { float:right; width:33%; padding:25px; background-color:rgba(255,255,255,0.65); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 10px 32px rgba(0,0,0,0.3); } .hero-cta-form > section { float:left; width:100%; padding:0 15px 10px 15px; } .hero-cta-form .form-item { width:100%; margin-bottom:15px; } .hero-cta-form .form-item:last-child { margin-bottom:0; } .hero-cta-form .form-item .input { border-color:#FFF; } .hero-cta-form .form-item .button { width:100%; background-color:var(--color-red); } .hero-cta-form .form-item .button:hover { background-color:var(--color-dark); } .slider-news-out { float:left; width:100%; padding-top:120px; position:relative; overflow:hidden; } .slider-news-light { padding-top:0; } .slider-news-wrap { float:left; width:100%; position:relative; } .slider-news-left { float:left; width:33%; padding-right:80px; position:relative; z-index:40; } .slider-news-right { float:left; width:67%; position:relative; z-index:30; } .slider-news { float:left; width:144%; padding-bottom:100px; position:relative; z-index:50; } .slider-news .slick-list { overflow:hidden; } .slider-news-item { float:left; width:100%; padding-right:40px; position:relative; } .slider-news .slick-prev { top:auto; left:0; bottom:0; background-color:transparent; } .slider-news .slick-next { top:auto; bottom:0; left:70px; background-color:transparent; } .slider-news-light .slick-prev { background-image:url(/content/images/arrow-left.png); } .slider-news-light .slick-next { background-image:url(/content/images/arrow-right.png); } .news-item { float:left; width:100%; height:100%; position:relative; display:flex; flex-direction:column; } .news-item picture { float:left; width:100%; position:relative; z-index:5; overflow:hidden; } .news-item img { float:left; width:100%; height:auto; transform-origin:center; transition:all 1.5s; } .news-item:hover picture img { transform:scale(1.2, 1.2); } .news-item strong { float:left; width:100%; margin-top:15px; font-size:25px; font-weight:300; line-height:30px; position:relative; } .news-list .news-item strong { margin-bottom:25px; } .news-item time { float:left; padding:0 10px; margin-top:20px; position:relative; font-size:12px; font-weight:500; color:#FFF; letter-spacing:1px; line-height:30px; background-color:var(--color-grey); } .news-item small { float:left; width:100%; margin-top:auto; font-size:16px; color:var(--color-grey); } .news-item small i { float:right; margin-left:7px; font-size:24px; transition:all 0.25s; } .news-item:hover small i { transform:rotate(45deg); } .join-us { float:left; width:100%; position:relative; } .join-us::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(/content/images/bg-join.png) no-repeat right top / 22% auto; } .join-us-left , .join-us-right { float:left; width:40%; position:relative; } .join-us-left { max-width:540px; padding-right:80px; } .join-us .form-item { width:100%; margin-bottom:15px; } .join-us .form-item .input { background-color:transparent; color:#FFF; } .meka-global { float:left; width:100%; position:relative; } .social-media { float:left; width:100%; padding:30px 0; position:relative; display:flex; align-items:center; } .social-media section { float:left; font-size:30px; font-weight:100; flex:1; text-align:center; } .social-media ul { float:right; margin-left:auto; } .social-media li { padding-right:30px; } .social-media li:last-child { padding-right:0; } .social-media li a { float:left; display:flex; align-items:center; color:var(--color-dark-grey); } .social-media li a:hover { color:var(--color-blue); } .social-media li a picture { float:left; width:40px; height:40px; border:1px solid var(--color-grey); border-radius:50%; text-align:center; } .social-media li a:hover picture { border-color:var(--color-blue); background-color:#FFF; } .social-media li a picture i { font-size:24px; line-height:38px; } .social-media li a small { flex:1; padding-left:10px; } .meka-cta { float:left; width:100%; position:relative; text-align:center; } .meka-cta ul { width:100%; } .meka-cta li { width:calc(50% - 1px); } .meka-cta li:last-child { float:right; } .meka-cta li a { float:left; width:100%; padding:5px; position:relative; background-color:var(--color-blue); font-size:19px; color:#FFF; line-height:40px; transition:all 0.5s; } .meka-cta li a:hover { background-color:var(--color-dark); } .meka-cta li a section { display:inline-block; } .meka-cta li a section picture { float:left; height:40px; } .meka-cta li a section picture i { float:left; margin-right:10px; font-size:32px; line-height:40px; } .meka-cta li a section picture i.ph-whatsapp-logo { color:#31AE41; } .meka-cta-fixed { position:fixed; left:0; right:0; bottom:0; z-index:1900; transition:opacity 0.35s ease-in-out, visibility 0.35s ease-in-out; opacity:1; visibility:visible; } .meka-cta-fixed.hidden { opacity:0; visibility:hidden; } .gallery { float:left; width:100%; position:relative; overflow:hidden; } .gallery-inner { margin:0 -2px; } .gallery ul { width:100%; } .gallery li { width:33.33334%; padding:2px; position:relative; } .gallery li a { float:left; width:100%; position:relative; overflow:hidden; font-family:Teko; font-size:25px; line-height:25px; color:#FFF; text-transform:uppercase; } .gallery li a::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(20deg,#373F48 20%,rgba(55, 63, 72, 0.0)); z-index:5; opacity:0.8; } .gallery li a::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(/content/images/icon-zoom.png) no-repeat center / 40px; transition:all 0.3s; opacity:0; z-index:10; } .gallery li a:hover::after { background-color:rgba(55, 63, 72, 0.5); opacity:1; } .gallery li a span { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center; transition:all 0.25s; } .gallery li a img { float:left; width:100%; padding:0 10%; } .gallery li a:hover span { transform:scale(1.07, 1.07); } .gallery li a strong { position:absolute; left:0; right:0; bottom:0; padding:20px 20px 23px 30px; font-weight:normal; z-index:100; } .gallery li a strong::after { content:""; position:absolute; left:30px; top:0; width:30px; height:2px; background-color:var(--color-blue); transition:all 0.3s; } .gallery li a:hover strong::after { width:60px; background-color:#FFF; } .gallery-fair li a::before { opacity:0; } .gallery li a::after { opacity:1; } .inner-30 { margin:0 -30px; } .inner-20 { margin:0 -20px; } .inner-15 { margin:0 -15px; } .inner-10 { margin:0 -10px; } .top-150 { padding-top:150px; } .top-100 { padding-top:100px; } .top-50 { padding-top:50px; } .bottom-150 { padding-bottom:150px; } .bottom-100 { padding-bottom:100px; } .bottom-50 { padding-bottom:50px; } .link-cta { float:left; width:100%; position:relative; } .link-cta a { float:left; height:48px; font-size:19px; color:var(--color-blue); line-height:48px; transition:all 0.3s; } .link-cta a:hover { color:var(--color-dark); } .link-cta a.light { color:#FFF; } .link-cta a:hover.light { color:var(--color-blue-2); } .link-cta a.dark { padding:0 5px 0 20px; color:#FFF; background-color:var(--color-blue); } .link-cta a:hover.dark { color:#FFF; background-color:var(--color-dark); } .link-cta a i { float:right; padding-left:16px; font-size:48px; line-height:48px; } .link-cta a:hover::after { margin:0 13px 0 18px; } .link-cta a.bold { padding:0 10px 0 20px; background-color:#FFF; } .grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); } .grayscale:hover { filter:none; -webkit-filter:none; } /* Start PRODUCT DETAIL */ .product-tab-out { float:left; width:100%; height:40px; position:relative; z-index:1100; } .product-tab-wrap { float:left; width:100% !important; position:relative; background-color:var(--color-light-grey); z-index:90; overflow:hidden; transition:all 0.3s; } .product-tab-in { float:left; width:100%; display:flex; align-items:center; } .product-tab-title { float:left; flex:1; padding-top:8px; padding-bottom:8px; padding-right:20px; font-size:24px; font-weight:600; color:var(--color-dark); line-height:24px; } .product-tab { float:right; height:40px; margin-left:auto; overflow:hidden; } .product-tab li { padding-right:40px; } .product-tab li:last-child { padding-right:0; } .product-tab li a { float:left; font-weight:600; font-size:15px; line-height:40px; letter-spacing:0.5px; transition:all 0.25s; } .product-tab li a:hover { box-shadow:inset 0 -2px 0 var(--color-blue); } .product-tab li a.active { color:var(--color-blue); box-shadow:inset 0 -2px 0 var(--color-blue); } .product-tab li a img { float:left; height:60px; padding:22px 0; margin-right:10px; } .breadcrumb { float:left; width:100%; font-weight:600; font-size:14px; color:var(--color-grey); line-height:60px; overflow:hidden; } .breadcrumb section { float:left; width:100%; } .breadcrumb a { float:left; color:var(--color-grey); } .breadcrumb a:hover { text-decoration:underline; color:var(--color-blue); } .breadcrumb i { float:left; width:2px; height:20px; margin:20px 25px; background-color:var(--color-grey); transform:skewX(-20deg); opacity:0.25; } .breadcrumb strong { float:left; font-weight:800; } .slider-gallery-mobile { display:none; } .product-hero { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; } .product-hero picture { float:left; width:100%; position:relative; } .product-hero picture img { float:left; width:100%; } .product-hero picture small { position:absolute; top:-20px; right:20px; width:160px; z-index:10; } .product-hero-left , .product-hero-right { float:left; width:50%; position:relative; } .product-hero-left { padding-top:40px; padding-right:80px; overflow:hidden; display:flex; flex-direction:column; row-gap:20px; } .product-hero-left::before { content:""; position:absolute; top:0; left:0; width:50%; height:2px; background-color:var(--color-blue); } .product-hero-left-top { display:flex; flex-direction:column; position:relative; flex:1 1; } .product-hero-left-bottom { margin-top:auto; } .product-hero-right { float:right; margin-left:auto; } .product-section { float:left; width:100%; padding:100px 0; position:relative; } .product-section-gallery { padding-bottom:0 !important; } .border-bottom { border-bottom:1px solid var(--color-light-grey); } .technical-specs { float:left; width:100%; margin-top:20px; position:relative; } .technical-specs > ul { width:100%; } .technical-specs > ul > li { width:100%; padding:30px 0; border-bottom:1px solid var(--color-grey); } .technical-specs > ul > li:last-child { border-bottom:0; } .technical-specs-table { float: left; width: 100%; position: relative; } .technical-specs-table table { width: 100%; } .technical-specs-table table tr { transition: all 0.4s; } .technical-specs-table table tr:hover { background-color: rgba(255,255,255,0.65); } .technical-specs-table table tr:first-child { background-color: #dcdddd !important; text-transform: uppercase; } .technical-specs-table table tr:nth-child(odd) { background-color: #f4f5f5; } .technical-specs-table table tr td { padding: 8px; border-bottom: 1px solid #848b97; vertical-align: middle; font-size: 16px; } .technical-specs-table table tr td:first-child { padding-left: 30px; text-align: left; } .technical-specs-table table tr td span { display: block; } .technical-specs-table table tr td span { display: block; } .technical-specs-table table tr td.txt { } .technical-specs-table table tr.technical-specs-table-header td h3 { font-size: 1.5rem; font-weight: 700; text-align: center; } .technical-specs-table table tr.technical-specs-table-header td h3 span { font-size: 1rem; font-weight: normal; } .technical-specs-table-text { float: left; width: 100%; margin: 30px 0; position: relative; font-size: 14px; } .technical-specs-table-text span { display: block; margin-bottom: 0.5rem; } .technical-specs-table-text a { font-weight: 700; color: #005D99; text-decoration: underline; } .technical-specs-table-text a:hover { color: #555F70; text-decoration: none; } .convert-buttons { float: left; width: 100%; max-width: 140px; text-align: center; } .convert-buttons ul { width: 100%; border-radius: 3px; overflow: hidden; } .convert-buttons li { width: 50%; } .convert-buttons li a { float: left; width: 100%; height: 30px; background-color: var(--color-blue); color: #FFF; font-size: 11px; font-weight: 700; line-height: 30px; transition: all 0.25s; cursor:pointer; } .convert-buttons li a:hover { background-color: var(--color-blue-2); } .convert-buttons li a.active-btn { background-color: #FFF; color: var(--color-blue); } .hidden-tech-specs { display: none !important; } .spec-item { float:left; width:100%; position:relative; display:flex; font-size:26px; color:var(--color-dark); line-height:30px; } .spec-title { flex:1; font-weight:700; } .spec-download .spec-title { font-size:36px; font-weight:800; line-height:40px; } .spec-1 , .spec-2 { float:left; width:35%; margin-left:auto; } .spec-1 i , .spec-2 i { font-size:18px; font-style:italic; opacity:0.75; } .spec-download ul { width:70%; margin-left:auto; } .spec-download li { width:100%; margin-bottom:10px; } .spec-download li:last-child { width:100%; margin-bottom:0; } .spec-download li a { float:left; width:100%; display:flex; align-items:center; } .spec-download li a section , .spec-download li a small { width:50%; display:flex; align-items:center; } .spec-download li a section i { margin-right:10px; font-size:32px; color:var(--color-red); } .station-main { float:left; width:100%; position:relative; } .station-main .icon-detail { position:absolute; width:32px; height:32px; background-image:url(/content/images/icon-plus.png); background-size:cover; text-align:center; } .station-main .icon-detail span { display:inline-block; cursor:pointer; position:relative; } .station-main .icon-detail span small { visibility: hidden; width: auto; min-width:120px; background-color: var(--color-blue); color: #fff; text-align: center; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 20px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s, transform 0.3s; } .station-main .icon-detail:hover span small { visibility: visible; opacity: 1; } .hidden { overflow:hidden; } .slider-superlatives { float:left; width:126%; padding-bottom:100px; margin-left:-13%; margin-top:30px; position:relative; display:flex; flex-flow:row wrap; } .slider-superlatives.landing-page { float:left; width:100%; padding-bottom:100px; margin-left:0; margin-top:30px; position:relative; display:flex; flex-flow:row wrap; } .slider-superlatives .slick-list { overflow:hidden; } .slider-superlatives .slick-track { height:100%; } .slider-superlatives.no-effect::before, .slider-superlatives.no-effect::after { display:none; } .slider-superlatives::before , .slider-superlatives::after { content:""; position:absolute; top:0; bottom:0; left:10%; width:10%; background-image:linear-gradient(90deg,#FFF,rgba(255,255,255,0.0)); z-index:10; } .slider-superlatives::after { left:auto; right:10%; background-image:linear-gradient(-90deg,#FFF,rgba(255,255,255,0.0)); } .slider-superlatives .slick-prev { top:auto; bottom:0; left:calc(50% - 70px); background-image:url(/content/images/arrow-left.png); background-color:transparent; } .slider-superlatives .slick-next { top:auto; bottom:0; right:calc(50% - 70px); background-image:url(/content/images/arrow-right.png); background-color:transparent; } .slider-superlative-item { float:left; width:100%; height:100%; padding:0 20px; position:relative; } .superlative-item { float:left; width:100%; height:100%; padding:14px; position:relative; border:1px solid var(--color-grey); display:flex; flex-direction:column; } .superlative-item picture { float:left; width:100%; } .superlative-item picture img { float:left; width:100%; } .superlative-item-title { margin:20px 0 10px 0; font-weight:600; font-size:24px; line-height:30px; } .superlative-item-summary { margin-bottom:20px; color:var(--color-dark-grey); font-size:18px; line-height:24px;�} .superlative-item .link-cta { margin-top:auto; } .slider-gallery { float:left; width:100%; margin-top:30px; position:relative; overflow:hidden; } .slider-gallery-item , .slider-gallery-item picture , .slider-gallery-item picture img { float:left; width:100%; position:relative; } .slider-milestones-wrap { float:left; width:100%; } .slider-milestones { float:left; width:100%; padding-bottom:80px; margin-top:30px; position:relative; } .slider-milestones .slick-prev { top:auto; bottom:0; left:30px; background-image:url(/content/images/arrow-left.png); background-color:transparent; } .slider-milestones .slick-next { top:auto; bottom:0; left:110px; right:auto; background-image:url(/content/images/arrow-right.png); background-color:transparent; } .slider-milestones-item { float:left; width:100%; padding:0 30px; position:relative; opacity:0.5; transition:all 0.5s; } .slider-milestones-item.slick-active { opacity:1; } .milestones-item { float:left; width:100%; height:100%; position:relative; display:flex; flex-direction:column; } .milestones-item picture { float:left; width:100%; } .milestones-item picture img { float:left; width:100%; } /* Start CATEGORY */ .category-hero { margin-top:100px; } .category-hero .product-hero-left { padding-top:0; } .category-hero .product-hero-left::before { display:none; } .category-hero .page-title { padding-right:30px; } .cat-menu-wrap { float:left; width:100%; margin-top:40px; position:relative; } .cat-menu { width:100%; padding-right:60%; position:relative; } .cat-menu > li { width:100%; } .cat-menu > li > a { float:left; width:100%; padding:5px 0; display:flex; align-items:center; font-size:27px; font-weight:300; color:var(--color-grey); line-height:30px; } .cat-menu > li > a:hover { color:var(--color-blue); } .cat-menu > li > a i , .cat-menu-sub > li > a i { float:right; padding-right:10px; margin-left:auto; transition:all 0.3s; } .cat-menu-sub > li > a.opened-active i { padding-right:20px; } .cat-menu-sub { width:100%; margin-bottom:20px; display:none; } .cat-menu-sub > li { width:100%; width:100%; } .cat-menu-sub::before , .cat-menu-sub > li::after { content:""; float:right; width:4000px; height:1px; background-color:var(--color-grey); } .cat-menu-sub > li > a { float:left; width:100%; padding:10px 0; position:relative; display:flex; align-items:center; font-size:19px; color:var(--color-dark); } .cat-menu-sub > li > a:hover { color:var(--color-blue); } .cat-menu-sub > li > a.opened-active { color:#FFF; } .cat-menu-sub > li > a::before { content:""; position:absolute; top:0; bottom:0; right:0; width:4000px; background-color:var(--color-blue); z-index:-1; opacity:0; transition:all 0.7s; } .cat-menu-sub > li > a.opened-active::before { opacity:1; } .cat-menu-sub-2 { position:absolute; left:40%; top:40px; width:60%; border-left:1px solid var(--color-grey); display:none; } .cat-menu-sub-2 > ul { width:100%; } .cat-menu-sub-2 > ul > li { width:100%; width:100%; position:relative; } .cat-menu-sub-2 > ul::before , .cat-menu-sub-2 > ul > li::after { content:""; float:left; width:4000px; height:1px; background-color:var(--color-grey); } .cat-menu-sub-2 > ul > li > a { float:left; width:100%; padding:10px 0 10px 30px; position:relative; display:flex; align-items:center; font-size:19px; color:var(--color-dark); } .cat-menu-sub-2 > ul > li > a:hover { color:#FFF !important; } .cat-menu-sub-2 > ul > li:first-child > a { color:var(--color-grey); } .cat-menu-sub-2 > ul > li > a strong { padding-right:10px; font-size:27px; } .cat-menu-sub-2 > ul > li:first-child > a strong { padding-left:10px; padding-right:0; } .cat-menu-sub-2 > ul > li > a::before , .cat-menu-sub-product::before { content:""; position:absolute; top:0; bottom:0; left:0; width:4000px; background-color:var(--color-light); z-index:-1; transition:all 0.4s; } .cat-menu-sub-2 > ul > li > a:hover::before { background-color:var(--color-blue); } .cat-menu-sub-product { float:left; width:100%; padding-bottom:40px; position:relative; } .cat-menu-sub-product section { float:left; width:100%; position:relative; display:flex; align-items:center; } .cat-menu-sub-product section picture { float:left; width:50%; position:relative; } .cat-menu-sub-product section picture img { float:left; width:100%; } .cat-menu-sub-product section strong { float:left; width:50%; padding-left:20px; font-size:50px; font-weight:100; color:var(--color-grey); line-height:100%; } .opened .cat-menu-sub , .opened-sub .cat-menu-sub-2 { display:block; } /* Start CONTACT */ .accordion { float:left; width:100%; margin-top:60px; position:relative; border-bottom:1px solid var(--color-grey); } .accordion-section-title { float:left; width:100%; padding:20px 50px 20px 0; border-top:1px solid var(--color-grey); position:relative; font-size:34px; font-weight:300; color:var(--color-dark); line-height:40px; } .accordion-section-title::before , .accordion-section-title::after { content:""; position:absolute; top:50%; right:20px; width:18px; height:2px; margin-top:-1px; background-color:var(--color-dark); opacity:0.75; transition:all 0.25s; } .accordion-section-title::after { background-color:var(--color-dark); transform:rotate(90deg); } .accordion-section-title.active { color:var(--color-blue); } .accordion-section-title.active::before { background-color:var(--color-blue); opacity:1; } .accordion-section-title.active::after { opacity:0; transform:rotate(180deg); } .accordion-section-content { float:left; width:100%; max-width:1040px; padding-bottom:30px; display:none; position:relative; font-size:15px; line-height:25px; } .accordion-section-content strong , .accordion-section-content b { color:#151515; font-weight:600; } .accordion-section-content a { font-weight:600; } .hero-map { float:left; width:100%; position:relative; overflow:hidden; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06); } .map-wide { float:left; width:70%; height:560px; position:relative; z-index:10; } .location-list { float:left; width:30%; padding:20px; position:relative; z-index:20; box-shadow:0 0 30px rgba(0, 0, 0, 0.1); } .location-list ul { width:100%; height:520px; overflow-x:auto; scrollbar-width:thin; } .location-list li { width:100%; padding:15px 60px 15px 20px; position:relative; cursor:pointer; } .location-list li:nth-child(odd) { background-color:#F5F5F5; } .location-content { float:left; width:100%; } .loc-name { padding:3px 0; font-weight:700; font-size:15px; } .location-list li:hover .loc-name { color:var(--color-blue); } .loc-dist { font-weight:700; color:#999; } .location-cta { position:absolute; top:calc(50% - 20px); right:15px; text-align:center; } .location-cta i { float:left; width:40px; font-size:24px; color:#FFF; line-height:40px; background-color:var(--color-grey); } .location-cta i:hover { background-color:var(--color-blue); } .contact-wrap { float:left; width:100%; position:relative; box-shadow:0 5px 30px rgba(0, 0, 0, 0.06); } .contact-map { position:absolute; top:0; left:0; bottom:0; right:50%; } .contact-info { float:left; width:100%; } .contact-info section { float:left; width:100%; padding-left:64px; margin-bottom:35px; position:relative; } .contact-info section:last-child { margin-bottom:0; } .contact-info section i { position:absolute; top:-8px; left:0; width:40px; font-size:24px; color:var(--color-grey); line-height:40px; text-align:center; background-color:var(--color-light); } .contact-info section small { float:left; width:100%; font-weight:700; color:var(--color-blue); letter-spacing:1px; } .contact-info section span { float:left; width:100%; margin-top:5px; font-size:17px; color:var(--color-dark); line-height:30px; } .contact-photo { float:left; width:100%; height:100%; overflow:hidden; } .contact-photo img { width:100%; height:100%; object-fit:cover; } .contact-form { float:left; width:100%; margin-top:30px; position:relative; } .form-item { float:left; width:50%; padding:0 15px; margin-bottom:30px; position:relative; } .form-item:last-child { margin-bottom:0; } .upload { float:left; width:100%; height:50px; position:relative; text-align:center; } .upload span { float:left; width:100%; height:100%; position:relative; color: #FFF; font-weight:500; font-size:16px; line-height:50px; z-index:2; background-color:#004D8B; } .upload:hover span { background-color:var(--color-blue-2); } .upload span::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 48px; background: url(/content/images/icon-clip.png) no-repeat center / 24px; opacity: 0.5; } .upload:hover span::after { opacity: 1; } .upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; } /* Start PAGINATION */ .pages { float:left; width:100%; margin-top:20px; text-align:center; } .pages ul { width:100%; } .pages li { float:none; display:inline-block; padding:0 5px 5px 5px; } .pages li a { float:left; min-width:45px; height:45px; padding:0 10px; font-weight:700; font-size:14px; line-height:41px; color:var(--color-blue); border:2px solid var(--color-blue); transition:all 0.3s; border-radius:23px; } .pages li a:hover { border-color:#004D8B; color:#004D8B; } .pages li a.current { color:#FFF; background-color:#004D8B; border-color:rgba(0, 0, 0, 0.1); } .bg-text-wrap { float:left; width:100%; height:100px; position:relative; overflow:hidden; font-weight:100; font-size:64px; color:var(--color-blue); line-height:100%; display:flex; align-items:center; } .bg-text-container { transform:translateX(-50%); left:50%; position:absolute; width:100%; } .animate-text span { display:inline-block; min-width:auto; } @keyframes text-scrolling { 0% { transform: translate3d(-100%, 0, 0); } 100% { transform: translate3d(0%, 0, 0); } } .animate-text { animation: text-scrolling 20s linear infinite; will-change: transform; display: block; position: relative; white-space: nowrap; &.left { animation-direction: reverse; } } .slider-cta-wrap { float:left; width:calc(100% + 40px); margin-left:-20px; } .slider-cta { float:left; width:100%; padding-bottom:78px; position:relative; display:flex; } .slider-cta .slick-list { overflow:hidden; } .slider-cta .slick-track { height:100%; } .slider-cta .slick-prev { top:auto; bottom:0; left:20px; background-image:url(/content/images/arrow-left.png); background-color:transparent; } .slider-cta .slick-next { top:auto; bottom:0; left:100px; right:auto; background-image:url(/content/images/arrow-right.png); background-color:transparent; } .slider-cta-item { float:left; width:100%; height:100%; padding:0 20px; position:relative; } .slider-cta-item a { float:left; width:100%; height:100%; padding:30px; background-color:var(--color-light); transition:all 0.5s; display:flex; flex-direction:column; } .slider-cta-item a:hover { background-color:var(--color-blue); color:#FFF; } .slider-cta-item a picture { float:left; width:100%; } .slider-cta-item a picture i { float:left; width:80px; font-size:48px; text-align:center; color:var(--color-blue); line-height:80px; background-color:#FFF; } .slider-cta-item a strong { float:left; width:100%; margin:25px 0 15px 0; font-size:20px; line-height:25px; } .slider-cta-item a span { float:left; width:100%; margin-bottom:25px; color:var(--color-dark-grey); overflow:hidden; vertical-align:middle; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-weight:300; font-size:16px; } .slider-cta-item a:hover span { color:var(--color-white); } .slider-cta-item a small { float:left; margin-top:auto; } .slider-cta-item a small i { float:right; margin-left:7px; font-size:24px; transition:all 0.25s; } .slider-cta-item a:hover small i { transform:rotate(45deg); } .news-list { float:left; width:100%; margin-top:30px; position:relative; overflow:hidden; } .news-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; } .news-list > ul > li { width:33.33334%; padding:0 20px; margin-bottom:80px; } .article-out { float:left; width:calc(100% - 340px); position:relative; } .article-wrap { float:right; width:calc(100% - 340px); position:relative; } .article-hero-photo { float:left; width:100%; aspect-ratio:4/2; margin-bottom:40px; } .article-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:center; } .article-summary { float:left; width:100%; position:relative; } .article-summary .page-title { margin-bottom:20px; } .article-content { float:left; width:100%; margin-bottom:60px; position:relative; font-size:18px; line-height:150%; } .article-summary:last-child .article-content { margin-bottom:0; } .article-content a { font-weight:700; text-decoration:underline; } .article-content a:hover { text-decoration:none; } .article-content-image { float:left; width:100%; margin:30px 0; position:relative; } .article-content-image section { float:left; width:100%; display:flex; flex-flow:row wrap; } .article-content-image section picture { float:left; flex:1; flex-basis:50%; padding:1px; } .article-content-image section picture img { width:100%; } .article-content p { margin-bottom:24px; } .article-content p:last-child { margin-bottom:0; } .article-content figure { width: 100% !important; } .article-content figcaption { background-color: var(--color-blue); color: #fff; padding: 5px 10px; } .article-content img { max-width:100%; height:auto; } .article-content iframe { width:100%; aspect-ratio:16/9; } .article-content ul , .article-content ol { float:none; width:100%; padding-bottom:20px; display:inline-block; } .article-content ol { padding-left:30px; padding-bottom:20px; display:inline-block; } .article-content ul li { width:100%; padding-left:30px; margin-bottom:15px; position:relative; } .article-content ul li::before { content:""; position:absolute; top:11px; left:10px; width:8px; height:8px; background-color:var(--color-blue); border-radius:50%; } .article-content ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; } .article-content ul li:last-child , .article-content ol li:last-child { margin-bottom:0; } .article-content ol li::marker { font-weight:600; } .blog-sidebar { float:left; width:300px; position:relative; } .blog-sidebar-menu { float:left; width:100%; position:relative; } .blog-sidebar-menu > ul { width:100%; padding:15px 0; } .blog-sidebar-menu > ul > li { width:100%; } .blog-sidebar-menu > ul > li a { float:left; width:100%; padding:10px 20px; position:relative; font-size:16px; font-weight:600; transition:all 0.4s; } .blog-sidebar-menu > ul > li a.active { color:var(--color-grey); } .blog-sidebar-menu > ul > li a::before { content:""; position:absolute; top:calc(50% - 4px); left:10px; width:8px; height:8px; background-color:var(--color-blue); transition:all 0.4s; opacity:0; border-radius:50%; } .blog-sidebar-menu > ul > li a.active::before { left:0; opacity:1; } .blog-time { float:left; width:100%; padding:15px; position:relative; border-top:2px solid var(--color-blue); background-color:var(--color-light); text-align:center; } .blog-sidebar-share { float:left; width:100%; border-top:1px solid #F0F0F0; text-align:center; } .blog-sidebar-share small { float:left; width:100%; padding:25px 0 15px 0; font-size:15px; font-weight:500; } .blog-sidebar-share ul { float:none; display:inline-block; } .blog-sidebar-share li { padding-right:5px; } .blog-sidebar-share li:last-child { padding-right:0; } .blog-sidebar-share li a { float:left; color:var(--color-grey); transition:all 0.25s; } .blog-sidebar-share li a:hover { background-color:var(--color-blue); color:#FFF; } .blog-sidebar-share li a i { float:left; width:40px; font-size:24px; line-height:40px; } .sidebar-icon { float:left; width:100%; padding:12px 10px; margin-bottom:25px; background-color:var(--color-light); font-size:18px; font-weight:600; color:var(--color-blue); display:none; } .sidebar-icon i { float:left; width:40px; font-size:24px; text-align:center; } .sidebar { border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-light-grey); } .meka-table { float:left; width:100%; position:relative; overflow:hidden; overflow-x:auto; } .meka-table table { width:100%; font-size:16px; border-top:1px solid var(--color-light-grey); } .meka-table table tr { border-bottom:1px solid var(--color-light-grey); } .meka-table table tr:nth-child(even) { background-color:var(--color-light); } .meka-table table tr td { padding:10px 15px; } .content-download { display:block; } .content-download ul { width:100%; } .content-download li a { padding:19px; background-color:var(--color-light); transition:all 0.4s; } .content-download li a:hover , .content-cta > ul > li a:hover { background-color:var(--color-light-grey); } .content-download li a section { width:75%; } .content-download li a small { width:25%; } .content-cta { float:left; width:100%; position:relative; } .content-cta > ul { width:calc(100% + 20px); margin-left:-10px; display:flex; flex-flow:row wrap; } .content-cta > ul > li { width:50%; padding:0 10px; margin-bottom:20px; } .content-cta > ul > li a { float:left; width:100%; height:100%; padding:25px; background-color:var(--color-light); display:flex; flex-direction:column; transition:all 0.4s; } .content-cta > ul > li a strong { float:left; width:100%; margin-bottom:20px; font-size:24px; line-height:30px; } .content-cta > ul > li a small { float:left; width:100%; padding-top:20px; margin-top:auto; display:flex; align-items:center; font-size:16px; box-shadow:inset 0 1px 0 rgba(0,0,0,0.06); } .content-cta > ul > li a small i { float:right; margin-left:auto; font-size:20px; } .page-video { float:left; width:100%; position:relative; aspect-ratio:16/9; } .page-video iframe { width:100% !important; height:100% !important; object-fit:cover; } .page-sidebar { float:right; width:300px; position:relative; background-color:var(--color-light); } .page-sidebar h3 { float:left; width:100%; padding:15px 20px; font-size:20px; font-weight:700; color:#FFF; background-color:var(--color-blue); } .page-sidebar-video { float:left; width:100%; position:relative; aspect-ratio:16/9; } .page-sidebar-video iframe { width:100% !important; height:100% !important; object-fit:cover; } .page-sidebar-form { float:left; width:100%; padding:20px; position:relative; } .page-sidebar-form h5 { float:left; width:100%; margin-bottom:10px; font-size:17px; font-weight:700; color:var(--color-blue); } .page-sidebar-form .form-item { width:100%; padding:0; margin-bottom:10px; } .page-sidebar-form .form-item .input { height:40px; padding:0 12px; font-size:16px; } .page-sidebar-form .form-item .input:focus { border-color:var(--color-blue); } .page-sidebar-cta { float:left; width:100%; padding:0 20px 20px 20px; font-size:16px; color:var(--color-grey); } .page-sidebar-cta a { float:left; width:100%; display:flex; align-items:center; font-weight:600; } .page-sidebar-cta i { float:right; margin-left:auto; font-size:24px; transition:all 0.25s; } .page-sidebar-cta:hover i { transform:rotate(45deg); } .meka-list { float:left; width:100%; position:relative; } .meka-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; } .meka-list > ul > li { width:25%; padding:0 20px; margin-bottom:60px; } .meka-item { float:left; width:100%; position:relative; } .meka-item-picture { float:left; width:100%; position:relative; aspect-ratio:2/1; overflow:hidden; } .meka-item-picture:hover img { transform:scale(1.2,1.2); } .meka-list.sub .meka-item-picture { aspect-ratio:1/1; } .meka-item-picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 1.5s; } .meka-item-title { float:left; width:100%; padding:16px 0 13px 0; position:relative; font-size:27px; font-weight:300; color:var(--color-grey); line-height:30px; } .meka-item-title a { color:var(--color-grey); } .meka-item-title.text-dark a { color:var(--color-dark); } .meka-item-title a:hover { color:var(--color-blue); } .meka-item-summary { float:left; width:100%; margin:-5px 0 15px 0; position:relative; font-size:16px; color:var(--color-grey); } .meka-item-links { float:left; width:100%; position:relative; } .meka-item-links > ul { width:100%; } .meka-item-links > ul > li { width:100%; margin:5px 0; } .meka-item-links > ul > li a { float:left; width:100%; display:flex; font-size:16px; } .meka-item-links > ul > li a i { float:left; margin-right:10px; font-size:20px; opacity:0.3; transition:0.3s; } .meka-item-links > ul > li a:hover i { margin-left:5px; margin-right:5px; opacity:1; } .meka-item-links > ul > li a small { flex:1; } .meka-catalog { float:left; width:100%; position:relative; } .meka-catalog > ul { width:calc(100% + 80px); margin-left:-40px; display:flex; flex-flow:row wrap; } .meka-catalog > ul > li { width:50%; padding:0 40px; } .catalog-item { float:left; width:100%; position:relative; display:flex; align-items:center; } .catalog-item picture { float:left; width:40%; max-width:240px; position:relative; border:1px solid var(--color-grey); } .catalog-item picture img { float:left; width:100%; } .catalog-item picture i { position:absolute; top:-24px; right:20px; width:48px; font-size:40px; color:#FFF; line-height:48px; background-color:var(--color-red); text-align:center; } .catalog-item section { float:left; flex:1; padding-left:30px; position:relative; } .catalog-item section article { float:left; width:100%; margin-bottom:20px; font-size:24px; color:var(--color-dark); line-height:30px; } .catalog-item section a { float:left; padding:5px 20px; font-size:30px; font-weight:600; color:#FFF; line-height:35px; background-color:var(--color-red); transition:all 0.4s; } .catalog-item section a:hover { background-color:var(--color-blue); } .meka-advantages { float:left; width:100%; margin-top:30px; position:relative; } .meka-advantages > ul { width:100%; display:flex; flex-flow:row wrap; } .meka-advantages > ul > li { width:calc(50% - 20px); margin-bottom:40px; } .meka-advantages > ul > li:nth-child(even) { float:right; margin-left:auto; } .advantage-item { float:left; width:100%; height:100%; padding:20px; position:relative; background-color:var(--color-light); display:flex; align-items:center; } .advantage-item picture { float:left; width:calc(50% - 12px); height:100%; overflow:hidden; } .advantage-item picture img { width:100%; height:100%; object-fit:cover; } .advantage-item section { float:right; width:calc(50% - 12px); padding:10px 0; margin-left:auto; } .advantage-item section i { float:left; width:100%; font-size:32px; font-weight:700; color:var(--color-blue-2); line-height:100%; } .advantage-item section h4 { float:left; width:100%; margin:5px 0; font-size:24px; font-weight:700; color:var(--color-dark); line-height:30px; } .advantage-item section article { float:left; width:100%; font-size:16px; color:var(--color-dark-grey); line-height:24px; } @media only screen and (max-width:1520px) { .wrap { width:1320px; } .header-lang-wrap { margin:0 15px 0 25px; } #nav > ul > li { margin-right:32px; } .nav-menu-title , .accordion-section-title { font-size:30px; font-weight:300; } .hero-cat-title { font-size:48px; } .product-tab li { padding-right:24px; } .spec-item { font-size:21px; line-height:26px; } .product-hero picture small { left:-50px; width:100px; } .hero-cta-content { padding-right:60px; } .meka-catalog > ul { width:calc(100% + 40px); margin-left:-20px; } .meka-catalog > ul > li { padding:0 30px; } } @media only screen and (max-width:1380px) { .wrap { width:1200px; } .top-150 { padding-top:100px; } .top-100 { padding-top:75px; } .top-50 { padding-top:35px; } .bottom-150 { padding-bottom:100px; } .bottom-100 { padding-bottom:75px; } .bottom-50 { padding-bottom:35px; } #nav > ul > li { margin-right:24px; } #nav > ul > li > a , .header-lang-wrap { font-size:15px; } .nav-menu { padding:20px; } .flex-left { padding-right:5%; } .slider-news-item , .product-hero-left { padding-right:30px; } #nav > ul > li.nav-pro .nav-menu { height:calc(100vh - 70px); overflow:hidden; overflow-y:auto; } .nav-menu-promo section { font-size:23px; line-height:30px; } .hero-cat ul { width:calc(100% + 30px); margin-left:-15px; } .hero-cat li { padding:0 15px; } .slider-news { width:160%; padding-bottom:80px; } .page-title { font-size:48px; } .hero-cat-title , .fs-44 { font-size:36px; } .fs-28 { font-size:36px; } .fs-34 { font-size:28px; } .fs-70 { font-size:52px; } .page-summary { font-size:21px; line-height:30px; } .link-cta a , .meka-cta li a { font-size:16px; } .link-cta a i { padding-left:10px; font-size:32px; } .product-tab li a { font-size:13px; } .product-tab-title { font-size:19px; } .slider-superlative-item { padding:0 15px; } .technical-specs > ul > li { padding:20px 0; } .spec-1 i , .spec-2 i { font-size:14px; } .product-section { padding:60px 0; } .slider-milestones-wrap .inner-30 { margin:0 -15px; } .slider-milestones-item { padding:0 15px; } .slider-milestones .slick-prev { left:15px; } .slider-milestones .slick-next { left:95px; } .category-hero { margin-top:50px; } .news-list > ul > li { width:50%; } .meka-list > ul { width:calc(100% + 30px); margin-left:-15px; } .meka-list > ul > li { padding:0 15px; margin-bottom:50px; } .hero-cta { padding:50px 0; } .meka-advantages > ul > li { width:calc(50% - 15px); margin-bottom:30px; } } @media only screen and (max-width:1280px) { .wrap { width:960px; } #logo img { padding:4px 0; } #nav > ul > li { margin-right:12px; } .header-lang-wrap { margin:0 0 0 10px; } .slider-title strong { font-size:36px; letter-spacing:-1px; line-height:44px; } ul.slick-dots { padding:50px 0 15px 0; } .social-media section { font-size:24px; font-weight:300; } .social-media li { padding-right:20px; } .social-media li a small { padding-left:7px; font-size:12px; } .slider-news-left { width:40%; padding-right:30px; } .slider-news-right { width:60%; } .slider-news { width:180%; } .join-us-left , .footer-meka { padding-right:30px; } .footer { font-size:15px; } .product-tab-out { height:auto; } .product-tab-in { display:block; } .product-tab-title { width:100%; } .product-tab { float:left; width:100%; } .spec-item { font-size:17px; line-height:24px; } .spec-download .spec-title { font-size:26px; line-height:30px; } .spec-item { display:block; } .spec-title { float:left; width:100%; margin-bottom:10px; } .spec-1 , .spec-2 { width:50%; } .spec-download ul { width:100%; } .slider-superlatives { padding-bottom:70px; } .slider-superlative-item { padding:0 10px; } .article-out { float:left; width:100%; } .page-sidebar { width:100%; margin-top:60px; } .meka-list > ul > li { width:33.33334%; } .hero-cta-content { padding-right:30px; } .meka-catalog > ul > li { width:100%; margin-bottom:40px; } .meka-catalog > ul > li:last-child { margin-bottom:0; } .catalog-item picture i { top:-10px; } } @media only screen and (max-width:1023px) { .meka { padding-top:64px; } .wrap , .wrap-slim { float:left; width:100%; padding:0 30px; } .header { height:64px; } .header .wrap { padding:0 20px; } #logo a { padding:18px 0; } .header-search-wrap { position:static; } .search-icon { height:64px; margin:0; } .header-search { top:64px; left:0; right:0; width:auto; } .header-lang-wrap { height:64px; margin:0 20px; line-height:64px; } .header-lang-icon { float:right; width:60px; height:100%; padding:0 20px; position:relative; cursor:pointer; z-index:250; color:#FFF; } .header-lang { top:54px; } .nav-menu-pro-close {display:none;} .nav-icon { float:right; width:60px; height:64px; margin-right: -15px; position:relative; cursor:pointer; display:block; text-indent:-9999px; z-index:200; } .nav-icon span { position:absolute; top:50%; left:50%; width:32px; height:2px; margin:-1px 0 0 -16px; transition:all 0.5s; } .nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.5s; } .nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:6px; height:2px; background-color:#FFF; transition:all 0.5s; } .nav-icon-close span { background-color:transparent; } .nav-icon-close span::before { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); background-color:var(--color-red); top:0; } .nav-icon-close span::after { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); background-color:var(--color-red); bottom:0; right:0; } .nav-icon-close::before { content:""; border-bottom:4px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; height:0; position: absolute; width:0; left:50%; bottom:0; margin-left:-10px; border-bottom-color:var(--color-darker); } #nav { position:fixed; top:64px; bottom:0; left:0; right:0; width:100%; height:calc(100vh - 64px); padding:20px 20px 120px 20px; margin:0; background-color:var(--color-darker); overflow-y:auto; z-index:200; display:none; transition:none; } #nav > ul { width:100%; border-top:1px solid var(--color-blue); } #nav > ul > li { width:100%; margin-right:0; position:relative !important; border-bottom:1px solid var(--color-blue); } #nav > ul > li.nav-multi::after { content:""; position:absolute; top:0; right:10px; width:12px; height:60px; background:url(/content/images/arrow-white-down.png) no-repeat 0 48% / 100% auto; } #nav > ul > li > a { width:100%; padding:0 30px 0 20px; font-size:17px; line-height:60px; z-index:100; } #nav > ul > li:hover > a , #nav li > a.active { box-shadow:none; color:var(--color-blue-2); } #nav > ul > li.nav-multi > a::after { display:none; } .nav-menu { float:left; width:100%; height:auto !important; position:relative; top:auto; left:auto; padding:25px; margin-bottom:20px; background-color:rgba(255,255,255,0.93); box-shadow:none; } .nav-menu-pro .wrap { padding:0; } .nav-menu-pro-in { display:block; } .nav-menu-block { width:100%; padding:20px; border-bottom:2px solid var(--color-darker); box-shadow:none; } .nav-menu-links { display:non; } .nav-pro-submenu { position:static; width: 100%; padding-top: 0; overflow:hidden; } .nav-pro-submenu li a strong { padding-left: 0; } .for-desktop { display:none; } .nav-opened { overflow:hidden !important; } .top-150 { padding-top:75px; } .top-100 { padding-top:50px; } .top-50 { padding-top:25px; } .bottom-150 { padding-bottom:75px; } .bottom-100 { padding-bottom:50px; } .bottom-50 { padding-bottom:25px; } .slider-title strong { font-size:30px; letter-spacing:-0.5px; line-height:37px; } .slider-title-cta { height:40px; padding:0 5px 0 20px; font-size:16px; line-height:40px; } .slider-title-cta i { padding-left:10px; line-height:40px; } .slider-hero ul.slick-dots li { margin:0 5px; } .slider-hero ul.slick-dots li button { width:80px; } .block-flexed { display:block; } .flex-left , .flex-right { width:100%; padding-right:0; } .flex-right { margin-top:30px; } .flex-right:first-child { margin-top:0; } .hero-cat { padding-top:50px; } .hero-cat li { width:100%; margin-bottom:60px; } .hero-cat li:last-child { margin-bottom:0; } .hero-cat-icon { margin-top:-40px; } .hero-cat-icon picture img { height:64px; } .hero-cat-summary { padding:0; } .slider-news-out { padding-top:60px; } .slider-news-left { width:100%; padding-right:0; } .slider-news-left .link-cta , .join-us::before { display:none; } .slider-news-right { width:100%; } .join-us { padding-top:50px; border-top:1px solid var(--color-blue); } .join-us-left , .join-us-right { width:50%; } .meka-cta li a { padding:10px; } .meka-cta li a section small { float:right; width:calc(100% - 48px); text-align:left; line-height:20px; } .social-media { padding:30px 0; display:block; } .social-media section { width:100%; margin-bottom:20px; text-align:left; } .social-media ul { width:100%; } .footer { padding-top:40px; } .footer-meka , .footer-right { width:100%; padding-right:0; } .footer-logo { margin-bottom:30px; } .footer-logo img { height:24px; } .copyright { padding:25px 0; font-size:14px; } .copyright .fl , .copyright .fr { width:100%; padding:5px 0; } .footer-title-toggle::before , .footer-title-toggle::after { content:""; position:absolute; top:50%; right:10px; width:12px; height:2px; margin-top:-1px; background-color:var(--color-light); opacity:0.75; transition:all 0.25s; } .footer-title-toggle::after { background-color:var(--color-light); transform:rotate(90deg); } .footer-title-toggle.active::after { opacity:0; } .footer-content-toggle , .footer-links-icon { display:none; } .footer-content-toggle.active { display:block; padding-bottom:20px; } .footer-right { display:block; border-top:1px solid #FFF; } .footer-links { width:100%; padding-left:0; box-shadow:none; border-bottom:1px solid #FFF; } .footer-links .footer-title { padding:15px 35px 15px 0; margin-bottom:0; color:#FFF; } .bg-text-wrap { height:80px; font-size:44px; } .breadcrumb { font-size:12px; line-height:50px; } .breadcrumb i { margin:15px; } /*.product-hero { display:block; }*/ .product-hero-left , .product-hero-right { width:100%; } .product-hero-left { padding-top:30px; padding-right:0; padding-bottom:30px; order:1; } .product-hero-right { order:0; } .accordion-section-title { padding:15px 30px 15px 0; font-size:24px; line-height:30px; } .accordion-section-title::before , .accordion-section-title::after { right:0; } .slider-news-right .slider-news { margin-top:20px; } .slider-milestones-item { opacity:1; transition:none; } .category-hero .product-hero-right { margin-top:10px; } .category-hero .page-title { padding-right:0; } .product-hero picture small { top:-20px; left:30px; width:80px; } .cat-menu-wrap , .cat-menu-sub { height:auto !important; } .cat-menu { padding-right:0; } .cat-menu-sub-2 { float:left; width:100%; margin-bottom:30px; position:relative; left:auto; top:auto; border-left:0; overflow:hidden; } .cat-menu-sub-product { display:none !important; } .cat-menu-sub::before , .cat-menu-sub > li::after { margin-right:-30px; } .cat-menu-sub > li > a::before { right:-30px; } .meka-cta-fixed .wrap { padding:0; } .slider-cta-wrap { width:calc(100% + 30px); margin-left:-15px; } .slider-cta .slick-prev { left:15px; } .slider-cta .slick-next { left:95px; } .slider-cta-item { padding:0 15px; } .product-tab { width:calc(100% + 60px); margin-left:-30px; padding-left:30px; overflow:hidden; overflow-x:auto; white-space:nowrap; } .product-tab ul { float:none; display:block; } .product-tab li { float:none; display:inline-block; } .product-tab li:last-child { margin-right:30px; } .technical-specs-table { overflow-x: scroll; } .news-list > ul { width:calc(100% + 30px); margin:0 -15px; } .news-list > ul > li { padding:0 15px; } .article-wrap { width:100%; } .blog-sidebar { width:100%; margin-top:30px; } .blog-sidebar-menu { display:none; } .sidebar-icon { display:block; } .sidebar { display:none; margin-top:0; margin-bottom:30px; } .sidebar .blog-sidebar-menu { display:block; } .station-main .icon-detail { width:18px; height:18px; } .station-main .icon-detail span small { min-width:50px; padding: 5px; } .meka-list > ul > li { width:50%; } .hero-cta { padding:35px 0 30px 0; display:block; } .hero-cta-content { width:100%; padding-right:0; padding-bottom:30px; } .hero-cta-form { width:100%; } .map-wide { width:100%; height:70vh; min-height:400px; } .location-list { width:100%; } .location-list ul { height:400px; } .meka-advantages > ul > li { width:100%; } } @media only screen and (max-width:767px) { .wrap , .wrap-slim { padding:0 20px; } .connect-whatsapp { bottom:15px; right:15px; } .block-flexed , .join-us-left { text-align:center; } .link-cta a { float:none; display:inline-block; } .link-cta a i { padding-left:10px; } .slider-news-left { margin-bottom:30px; text-align:center; } .slider-news-left .page-summary , .slider-superlatives::before , .slider-superlatives::after { display:none; } .slider-news-right { width:calc(100% + 40px); margin-left:-20px; text-align:center; } .slider-news-item { padding:0 10px; text-align:center; } .slider-news , .join-us-left , .join-us-right , .form-item .button , .product-hero-left .link-cta a { width:100%; } .join-us-left { max-width:initial; padding-right:0; } .slider-news .slick-list { padding:0 50px; } .slider-news .slick-prev { left:calc(50% - 80px); } .slider-news .slick-next { left:calc(50% + 20px); } .page-title { font-size:33px; } .hero-cat-title , .fs-44 { font-size:26px; } .fs-34 { font-size:24px; } .page-summary { font-size:19px; } .meka-cta li a { font-size:14px; } .hero-cat-item::after { bottom:-4px; height:4px; } .slider-superlatives { width:100%; margin-left:0; margin-top:20px; } .slider-superlatives .slick-list { padding:0 40px !important; } .technical-specs { margin-top:0; } .spec-item { font-size:15px; } .spec-download li a section { flex:1; width:auto; } .spec-download li a small { float:right; width:auto; margin-left:auto; } .product-section { padding:30px 0; } .slider-gallery { margin-top:20px; } .slider-gallery-mobile { display:block; } /*.product-hero picture { display:none; }*/ .product-hero picture small { left:20px; width:64px; } .text-grey { color:var(--color-dark-grey) !important; } .slider-cta-item a { padding:24px; } .product-tab { width:calc(100% + 40px); margin-left:-20px; padding-left:20px; } .product-tab li:last-child { margin-right:20px; } .content-cta > ul > li { width:100%; } .product-hero-right{ padding-bottom: 30px; } .product-hero-left:has(.product-hero-right-top) { order: 2; } .product-hero-right { order: 1; } .meka-advantages > ul > li { margin-bottom:20px; } } @media only screen and (max-width:640px) { .slider-title strong { padding:0 16px; font-size:24px; font-weight:300; line-height:27px; } .slider-title-cta { padding-left:15px; font-size:14px; } .social-media ul { margin-bottom:-15px; } .social-media li { width:33.33334%; padding:0 0 15px 0; } .meka-cta { margin-bottom:10px; } .meka-cta li { width:100%; margin-bottom:10px; } .meka-cta li a { padding:8px 15px; } .meka-cta li a section { float:left; width:100%; display:flex; align-items:center; } .news-item strong br { display:none; } .bg-text-wrap { height:60px; font-size:30px; } .breadcrumb { display:none; } .product-hero { margin-top:10px; } .category-hero { margin-top:30px; } .slider-milestones-wrap .inner-30 { margin:0; } .slider-milestones { width:calc(100% - 20px); } .slider-milestones-item { padding:0 20px 0 0; } .slider-milestones .slick-prev { left:0; } .slider-milestones .slick-next { left:80px; } .meka-cta-fixed { margin-bottom:0; } .meka-cta-fixed li { width:calc(50% - 1px); margin-bottom:0; } .slider-cta-wrap { width:calc(100% + 20px); margin-left:0; overflow:hidden; } .slider-cta .slick-prev { left:0; } .slider-cta .slick-next { left:85px; } .slider-cta { width:calc(100% - 40px); display:block; } .slider-cta .slick-list { overflow:initial; } .slider-cta-item { padding:0 20px 0 0; } .news-list > ul > li , .meka-list > ul > li { width:100%; } .catalog-item section article { font-size:20px; line-height:24px; } } @media only screen and (max-width:540px) { .slider-hero-wrap { border-bottom:1px solid var(--color-blue); } .slider-title { float:left; width:100%; padding:30px 0 50px 0; position:relative; left:auto; right:auto; top:auto; bottom:auto; text-align:center; color:#FFF; display:block; } .slider-title-in { width:100%; max-width:initial; } .slider-title-in::after { display:none; } .slider-title strong { float:left; width:100%; margin-bottom:15px; font-weight:300; background-color:transparent; } .slider-title-cta { background-color:transparent; } .slider-hero ul.slick-dots { padding-left:15px; padding-right:15px; display:flex; flex-flow:row wrap; } .slider-hero ul.slick-dots li { flex:1; flex-basis:10%; } .slider-hero ul.slick-dots li button { width:100%; } .superlative-item .link-cta a { font-size:14px; } .accordion-section-title { font-size:20px; font-weight:400; line-height:25px; } .accordion-section-content .page-summary { font-size:18px; } .meka-cta-fixed li a section small { font-size:11px; line-height:16px; } .meka-cta-fixed li a section small i { display:none; } } @media only screen and (max-width:440px) { .header-lang-wrap { margin:0 10px; line-height:64px; } .header-lang-icon { width:48px; padding:0 10px; } .slider-news .slick-list { padding:0 35px; } .footer-connect > section { width:100%; margin-bottom:30px; } .footer-connect > section:last-child { margin-bottom:0; } .convert-buttons { padding: 0 10px; } .convert-buttons li { width: 100%; } .catalog-item { display:block; } .catalog-item picture { width:100%; max-width:initial; } .catalog-item section { width:100%; padding:20px 0; } } @media only screen and (max-width:374px) { #logo img { padding:7px 0; } .nav-icon { width:48px; } .header-lang-wrap { margin:0 8px; } }