/* Minification failed. Returning unminified contents. (1004,3578): run-time error CSS1030: Expected identifier, found '.' (1004,3594): run-time error CSS1031: Expected selector, found ')' (1004,3594): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4027): run-time error CSS1030: Expected identifier, found '.' (1004,4043): run-time error CSS1031: Expected selector, found ')' (1004,4043): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4147): run-time error CSS1030: Expected identifier, found '.' (1004,4163): run-time error CSS1031: Expected selector, found ')' (1004,4163): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4231): run-time error CSS1030: Expected identifier, found '.' (1004,4247): run-time error CSS1031: Expected selector, found ')' (1004,4247): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4416): run-time error CSS1030: Expected identifier, found '.' (1004,4432): run-time error CSS1031: Expected selector, found ')' (1004,4432): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4583): run-time error CSS1030: Expected identifier, found '.' (1004,4599): run-time error CSS1031: Expected selector, found ')' (1004,4599): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4762): run-time error CSS1030: Expected identifier, found '.' (1004,4778): run-time error CSS1031: Expected selector, found ')' (1004,4778): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4836): run-time error CSS1030: Expected identifier, found '.' (1004,4852): run-time error CSS1031: Expected selector, found ')' (1004,4852): run-time error CSS1025: Expected comma or open brace, found ')' (1004,4925): run-time error CSS1030: Expected identifier, found '.' (1004,4941): run-time error CSS1031: Expected selector, found ')' (1004,4941): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5072): run-time error CSS1030: Expected identifier, found '.' (1004,5088): run-time error CSS1031: Expected selector, found ')' (1004,5088): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5220): run-time error CSS1030: Expected identifier, found '.' (1004,5236): run-time error CSS1031: Expected selector, found ')' (1004,5236): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5324): run-time error CSS1030: Expected identifier, found '.' (1004,5340): run-time error CSS1031: Expected selector, found ')' (1004,5340): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5489): run-time error CSS1030: Expected identifier, found '.' (1004,5505): run-time error CSS1031: Expected selector, found ')' (1004,5505): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5648): run-time error CSS1030: Expected identifier, found '.' (1004,5664): run-time error CSS1031: Expected selector, found ')' (1004,5664): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5749): run-time error CSS1030: Expected identifier, found '.' (1004,5765): run-time error CSS1031: Expected selector, found ')' (1004,5765): run-time error CSS1025: Expected comma or open brace, found ')' (1004,5911): run-time error CSS1030: Expected identifier, found '.' (1004,5927): run-time error CSS1031: Expected selector, found ')' (1004,5927): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6057): run-time error CSS1030: Expected identifier, found '.' (1004,6073): run-time error CSS1031: Expected selector, found ')' (1004,6073): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6211): run-time error CSS1030: Expected identifier, found '.' (1004,6227): run-time error CSS1031: Expected selector, found ')' (1004,6227): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6286): run-time error CSS1030: Expected identifier, found '.' (1004,6302): run-time error CSS1031: Expected selector, found ')' (1004,6302): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6569): run-time error CSS1030: Expected identifier, found '.' (1004,6585): run-time error CSS1031: Expected selector, found ')' (1004,6585): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6640): run-time error CSS1030: Expected identifier, found '.' (1004,6656): run-time error CSS1031: Expected selector, found ')' (1004,6656): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6724): run-time error CSS1030: Expected identifier, found '.' (1004,6740): run-time error CSS1031: Expected selector, found ')' (1004,6740): run-time error CSS1025: Expected comma or open brace, found ')' (1004,6943): run-time error CSS1030: Expected identifier, found '.' (1004,6959): run-time error CSS1031: Expected selector, found ')' (1004,6959): run-time error CSS1025: Expected comma or open brace, found ')' (1004,7141): run-time error CSS1030: Expected identifier, found '.' (1004,7157): run-time error CSS1031: Expected selector, found ')' (1004,7157): run-time error CSS1025: Expected comma or open brace, found ')' (1004,7250): run-time error CSS1030: Expected identifier, found '.' (1004,7266): run-time error CSS1031: Expected selector, found ')' (1004,7266): run-time error CSS1025: Expected comma or open brace, found ')' (1004,7417): run-time error CSS1030: Expected identifier, found '.' (1004,7433): run-time error CSS1031: Expected selector, found ')' (1004,7433): run-time error CSS1025: Expected comma or open brace, found ')' (1004,7585): run-time error CSS1030: Expected identifier, found '.' (1004,7601): run-time error CSS1031: Expected selector, found ')' (1004,7601): run-time error CSS1025: Expected comma or open brace, found ')' (1004,7911): run-time error CSS1030: Expected identifier, found '.' (1004,7927): run-time error CSS1031: Expected selector, found ')' (1004,7927): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8080): run-time error CSS1030: Expected identifier, found '.' (1004,8096): run-time error CSS1031: Expected selector, found ')' (1004,8096): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8167): run-time error CSS1030: Expected identifier, found '.' (1004,8183): run-time error CSS1031: Expected selector, found ')' (1004,8183): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8335): run-time error CSS1030: Expected identifier, found '.' (1004,8351): run-time error CSS1031: Expected selector, found ')' (1004,8351): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8453): run-time error CSS1030: Expected identifier, found '.' (1004,8469): run-time error CSS1031: Expected selector, found ')' (1004,8469): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8618): run-time error CSS1030: Expected identifier, found '.' (1004,8634): run-time error CSS1031: Expected selector, found ')' (1004,8634): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8731): run-time error CSS1030: Expected identifier, found '.' (1004,8747): run-time error CSS1031: Expected selector, found ')' (1004,8747): run-time error CSS1025: Expected comma or open brace, found ')' (1004,8898): run-time error CSS1030: Expected identifier, found '.' (1004,8914): run-time error CSS1031: Expected selector, found ')' (1004,8914): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9015): run-time error CSS1030: Expected identifier, found '.' (1004,9031): run-time error CSS1031: Expected selector, found ')' (1004,9031): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9141): run-time error CSS1030: Expected identifier, found '.' (1004,9157): run-time error CSS1031: Expected selector, found ')' (1004,9157): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9216): run-time error CSS1030: Expected identifier, found '.' (1004,9232): run-time error CSS1031: Expected selector, found ')' (1004,9232): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9299): run-time error CSS1030: Expected identifier, found '.' (1004,9315): run-time error CSS1031: Expected selector, found ')' (1004,9315): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9457): run-time error CSS1030: Expected identifier, found '.' (1004,9473): run-time error CSS1031: Expected selector, found ')' (1004,9473): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9668): run-time error CSS1030: Expected identifier, found '.' (1004,9684): run-time error CSS1031: Expected selector, found ')' (1004,9684): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9783): run-time error CSS1030: Expected identifier, found '.' (1004,9799): run-time error CSS1031: Expected selector, found ')' (1004,9799): run-time error CSS1025: Expected comma or open brace, found ')' (1004,9870): run-time error CSS1030: Expected identifier, found '.' (1004,9886): run-time error CSS1031: Expected selector, found ')' (1004,9886): run-time error CSS1025: Expected comma or open brace, found ')' (1004,10249): run-time error CSS1030: Expected identifier, found '.' (1004,10265): run-time error CSS1031: Expected selector, found ')' (1004,10265): run-time error CSS1025: Expected comma or open brace, found ')' (1004,10364): run-time error CSS1030: Expected identifier, found '.' (1004,10380): run-time error CSS1031: Expected selector, found ')' (1004,10380): run-time error CSS1025: Expected comma or open brace, found ')' (1004,10486): run-time error CSS1030: Expected identifier, found '.' (1004,10502): run-time error CSS1031: Expected selector, found ')' (1004,10502): run-time error CSS1025: Expected comma or open brace, found ')' (1004,10568): run-time error CSS1030: Expected identifier, found '.' (1004,10584): run-time error CSS1031: Expected selector, found ')' (1004,10584): run-time error CSS1025: Expected comma or open brace, found ')' (1004,10828): run-time error CSS1030: Expected identifier, found '.' (1004,10844): run-time error CSS1031: Expected selector, found ')' (1004,10844): run-time error CSS1025: Expected comma or open brace, found ')' (1004,11179): run-time error CSS1030: Expected identifier, found '.' (1004,11195): run-time error CSS1031: Expected selector, found ')' (1004,11195): run-time error CSS1025: Expected comma or open brace, found ')' (1004,11593): run-time error CSS1030: Expected identifier, found '.' (1004,11609): run-time error CSS1031: Expected selector, found ')' (1004,11609): run-time error CSS1025: Expected comma or open brace, found ')' (1004,11881): run-time error CSS1030: Expected identifier, found '.' (1004,11897): run-time error CSS1031: Expected selector, found ')' (1004,11897): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12178): run-time error CSS1030: Expected identifier, found '.' (1004,12194): run-time error CSS1031: Expected selector, found ')' (1004,12194): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12395): run-time error CSS1030: Expected identifier, found '.' (1004,12411): run-time error CSS1031: Expected selector, found ')' (1004,12411): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12471): run-time error CSS1030: Expected identifier, found '.' (1004,12487): run-time error CSS1031: Expected selector, found ')' (1004,12487): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12528): run-time error CSS1030: Expected identifier, found '.' (1004,12544): run-time error CSS1031: Expected selector, found ')' (1004,12544): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12634): run-time error CSS1030: Expected identifier, found '.' (1004,12650): run-time error CSS1031: Expected selector, found ')' (1004,12650): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12792): run-time error CSS1030: Expected identifier, found '.' (1004,12808): run-time error CSS1031: Expected selector, found ')' (1004,12808): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12864): run-time error CSS1030: Expected identifier, found '.' (1004,12880): run-time error CSS1031: Expected selector, found ')' (1004,12880): run-time error CSS1025: Expected comma or open brace, found ')' (1004,12992): run-time error CSS1030: Expected identifier, found '.' (1004,13008): run-time error CSS1031: Expected selector, found ')' (1004,13008): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13064): run-time error CSS1030: Expected identifier, found '.' (1004,13080): run-time error CSS1031: Expected selector, found ')' (1004,13080): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13214): run-time error CSS1030: Expected identifier, found '.' (1004,13230): run-time error CSS1031: Expected selector, found ')' (1004,13230): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13371): run-time error CSS1030: Expected identifier, found '.' (1004,13387): run-time error CSS1031: Expected selector, found ')' (1004,13387): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13500): run-time error CSS1030: Expected identifier, found '.' (1004,13516): run-time error CSS1031: Expected selector, found ')' (1004,13516): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13625): run-time error CSS1030: Expected identifier, found '.' (1004,13641): run-time error CSS1031: Expected selector, found ')' (1004,13641): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13739): run-time error CSS1030: Expected identifier, found '.' (1004,13755): run-time error CSS1031: Expected selector, found ')' (1004,13755): run-time error CSS1025: Expected comma or open brace, found ')' (1004,13952): run-time error CSS1030: Expected identifier, found '.' (1004,13968): run-time error CSS1031: Expected selector, found ')' (1004,13968): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14221): run-time error CSS1030: Expected identifier, found '.' (1004,14237): run-time error CSS1031: Expected selector, found ')' (1004,14237): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14390): run-time error CSS1030: Expected identifier, found '.' (1004,14406): run-time error CSS1031: Expected selector, found ')' (1004,14406): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14482): run-time error CSS1030: Expected identifier, found '.' (1004,14498): run-time error CSS1031: Expected selector, found ')' (1004,14498): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14681): run-time error CSS1030: Expected identifier, found '.' (1004,14697): run-time error CSS1031: Expected selector, found ')' (1004,14697): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14798): run-time error CSS1030: Expected identifier, found '.' (1004,14814): run-time error CSS1031: Expected selector, found ')' (1004,14814): run-time error CSS1025: Expected comma or open brace, found ')' (1004,14947): run-time error CSS1030: Expected identifier, found '.' (1004,14963): run-time error CSS1031: Expected selector, found ')' (1004,14963): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15090): run-time error CSS1030: Expected identifier, found '.' (1004,15106): run-time error CSS1031: Expected selector, found ')' (1004,15106): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15248): run-time error CSS1030: Expected identifier, found '.' (1004,15259): run-time error CSS1031: Expected selector, found ')' (1004,15259): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15517): run-time error CSS1030: Expected identifier, found '.' (1004,15528): run-time error CSS1031: Expected selector, found ')' (1004,15528): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15609): run-time error CSS1030: Expected identifier, found '.' (1004,15620): run-time error CSS1031: Expected selector, found ')' (1004,15620): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15679): run-time error CSS1030: Expected identifier, found '.' (1004,15690): run-time error CSS1031: Expected selector, found ')' (1004,15690): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15758): run-time error CSS1030: Expected identifier, found '.' (1004,15769): run-time error CSS1031: Expected selector, found ')' (1004,15769): run-time error CSS1025: Expected comma or open brace, found ')' (1004,15941): run-time error CSS1030: Expected identifier, found '.' (1004,15952): run-time error CSS1031: Expected selector, found ')' (1004,15952): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16054): run-time error CSS1030: Expected identifier, found '.' (1004,16065): run-time error CSS1031: Expected selector, found ')' (1004,16065): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16165): run-time error CSS1030: Expected identifier, found '.' (1004,16176): run-time error CSS1031: Expected selector, found ')' (1004,16176): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16255): run-time error CSS1030: Expected identifier, found '.' (1004,16266): run-time error CSS1031: Expected selector, found ')' (1004,16266): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16361): run-time error CSS1030: Expected identifier, found '.' (1004,16372): run-time error CSS1031: Expected selector, found ')' (1004,16372): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16433): run-time error CSS1030: Expected identifier, found '.' (1004,16444): run-time error CSS1031: Expected selector, found ')' (1004,16444): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16525): run-time error CSS1030: Expected identifier, found '.' (1004,16536): run-time error CSS1031: Expected selector, found ')' (1004,16536): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16633): run-time error CSS1030: Expected identifier, found '.' (1004,16644): run-time error CSS1031: Expected selector, found ')' (1004,16644): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16702): run-time error CSS1030: Expected identifier, found '.' (1004,16713): run-time error CSS1031: Expected selector, found ')' (1004,16713): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16791): run-time error CSS1030: Expected identifier, found '.' (1004,16802): run-time error CSS1031: Expected selector, found ')' (1004,16802): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16896): run-time error CSS1030: Expected identifier, found '.' (1004,16907): run-time error CSS1031: Expected selector, found ')' (1004,16907): run-time error CSS1025: Expected comma or open brace, found ')' (1004,16969): run-time error CSS1030: Expected identifier, found '.' (1004,16980): run-time error CSS1031: Expected selector, found ')' (1004,16980): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17062): run-time error CSS1030: Expected identifier, found '.' (1004,17073): run-time error CSS1031: Expected selector, found ')' (1004,17073): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17178): run-time error CSS1030: Expected identifier, found '.' (1004,17189): run-time error CSS1031: Expected selector, found ')' (1004,17189): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17250): run-time error CSS1030: Expected identifier, found '.' (1004,17261): run-time error CSS1031: Expected selector, found ')' (1004,17261): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17386): run-time error CSS1030: Expected identifier, found '.' (1004,17397): run-time error CSS1031: Expected selector, found ')' (1004,17397): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17588): run-time error CSS1030: Expected identifier, found '.' (1004,17599): run-time error CSS1031: Expected selector, found ')' (1004,17599): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17784): run-time error CSS1030: Expected identifier, found '.' (1004,17795): run-time error CSS1031: Expected selector, found ')' (1004,17795): run-time error CSS1025: Expected comma or open brace, found ')' (1004,17998): run-time error CSS1030: Expected identifier, found '.' (1004,18009): run-time error CSS1031: Expected selector, found ')' (1004,18009): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18158): run-time error CSS1030: Expected identifier, found '.' (1004,18169): run-time error CSS1031: Expected selector, found ')' (1004,18169): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18326): run-time error CSS1030: Expected identifier, found '.' (1004,18337): run-time error CSS1031: Expected selector, found ')' (1004,18337): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18467): run-time error CSS1030: Expected identifier, found '.' (1004,18478): run-time error CSS1031: Expected selector, found ')' (1004,18478): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18608): run-time error CSS1030: Expected identifier, found '.' (1004,18619): run-time error CSS1031: Expected selector, found ')' (1004,18619): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18731): run-time error CSS1030: Expected identifier, found '.' (1004,18742): run-time error CSS1031: Expected selector, found ')' (1004,18742): run-time error CSS1025: Expected comma or open brace, found ')' (1004,18856): run-time error CSS1030: Expected identifier, found '.' (1004,18867): run-time error CSS1031: Expected selector, found ')' (1004,18867): run-time error CSS1025: Expected comma or open brace, found ')' (1023,29): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1023,76): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1028,16): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1029,22): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1032,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1033,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1034,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1035,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1036,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1037,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1038,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1039,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1040,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1041,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1042,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1043,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1044,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1045,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1046,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1047,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1048,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1049,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1050,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1051,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1052,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1062,180): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1066,89): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1067,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1068,66): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1069,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1070,75): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (1070,127): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-checked' (1071,109): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1072,61): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-disabled' (1072,114): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled' (1073,60): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (1074,148): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1075,87): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1075,137): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-hover' (1076,100): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (1080,64): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1081,63): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (1082,62): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (1083,73): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (1083,126): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1084,106): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (1086,57): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (1087,142): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1088,84): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (1088,135): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (1089,97): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (1091,72): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1092,94): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1096,50): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1100,155): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1101,38): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1102,44): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1103,39): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1131,117): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1150,89): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1164,70): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1167,95): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1171,111): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1173,36): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1190,64): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1198,73): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1200,99): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1202,81): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1211,101): run-time error CSS1039: Token not allowed after unary operator: '-font-secondary' (1233,100): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1237,36): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1243,111): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1248,75): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1263,52): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1265,48): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1274,40): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1276,36): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1278,128): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1289,95): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1289,163): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1292,101): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1303,131): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1304,144): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1320,124): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1336,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brown' (1337,27): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1343,117): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1355,93): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1364,55): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1367,38): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1368,43): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1392,116): run-time error CSS1039: Token not allowed after unary operator: '-color-brown' (1425,121): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1425,177): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1426,40): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (1426,67): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (1429,130): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1441,83): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1460,48): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1460,87): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1465,125): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1467,65): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1478,52): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1490,75): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1491,98): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1500,146): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1503,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1521,47): run-time error CSS1039: Token not allowed after unary operator: '-color-pink' (1526,87): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1539,123): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1545,101): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1545,162): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1549,84): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1561,82): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1571,101): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1576,93): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1584,68): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1596,53): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1597,49): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1598,133): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1603,91): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1609,89): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1621,39): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1622,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1625,68): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1634,167): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1636,103): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1637,129): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1638,45): run-time error CSS1039: Token not allowed after unary operator: '-font-secondary' (1652,106): run-time error CSS1039: Token not allowed after unary operator: '-color-brown' (1660,90): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1672,80): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1682,92): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1690,51): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1699,55): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1733,45): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1756,60): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1768,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1769,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1771,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1774,49): run-time error CSS1039: Token not allowed after unary operator: '-map-tile-filter' (1775,80): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1779,146): run-time error CSS1039: Token not allowed after unary operator: '-map-cluster' (1779,232): run-time error CSS1039: Token not allowed after unary operator: '-map-cluster-halo' (1780,67): run-time error CSS1039: Token not allowed after unary operator: '-map-cluster-halo' (1781,68): run-time error CSS1039: Token not allowed after unary operator: '-map-cluster-halo' (1785,54): run-time error CSS1039: Token not allowed after unary operator: '-map-pin' (1787,81): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1788,63): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1793,104): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1794,89): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1794,115): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1795,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1798,131): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1800,104): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1803,128): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1804,107): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1809,129): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1809,155): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1810,60): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1810,88): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1829,78): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1830,92): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (1837,41): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1838,60): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1842,129): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1846,36): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1848,101): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1857,65): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1860,36): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1861,42): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (1864,54): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1865,36): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1871,121): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1872,59): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1876,61): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1890,121): run-time error CSS1039: Token not allowed after unary operator: '-color-light-cold' (1894,106): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1896,108): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (1898,89): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (2012,67): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2036,26): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (2046,26): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (2060,28): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (2063,177): run-time error CSS1039: Token not allowed after unary operator: '-color-turkuaz' (2076,155): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2144,45): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2186,68): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' */ @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-ExtraBold.eot'); src: url('/content/css/font/Akrobat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-ExtraBold.woff2') format('woff2'), url('/content/css/font/Akrobat-ExtraBold.woff') format('woff'), url('/content/css/font/Akrobat-ExtraBold.ttf') format('truetype'), url('/content/css/font/Akrobat-ExtraBold.svg#Akrobat-ExtraBold') format('svg'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-Thin.eot'); src: url('/content/css/font/Akrobat-Thin.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-Thin.woff2') format('woff2'), url('/content/css/font/Akrobat-Thin.woff') format('woff'), url('/content/css/font/Akrobat-Thin.ttf') format('truetype'), url('/content/css/font/Akrobat-Thin.svg#Akrobat-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-Regular.eot'); src: url('/content/css/font/Akrobat-Regular.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-Regular.woff2') format('woff2'), url('/content/css/font/Akrobat-Regular.woff') format('woff'), url('/content/css/font/Akrobat-Regular.ttf') format('truetype'), url('/content/css/font/Akrobat-Regular.svg#Akrobat-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-SemiBold.eot'); src: url('/content/css/font/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-SemiBold.woff2') format('woff2'), url('/content/css/font/Akrobat-SemiBold.woff') format('woff'), url('/content/css/font/Akrobat-SemiBold.ttf') format('truetype'), url('/content/css/font/Akrobat-SemiBold.svg#Akrobat-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-Bold.eot'); src: url('/content/css/font/Akrobat-Bold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-Bold.woff2') format('woff2'), url('/content/css/font/Akrobat-Bold.woff') format('woff'), url('/content/css/font/Akrobat-Bold.ttf') format('truetype'), url('/content/css/font/Akrobat-Bold.svg#Akrobat-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-Black.eot'); src: url('/content/css/font/Akrobat-Black.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-Black.woff2') format('woff2'), url('/content/css/font/Akrobat-Black.woff') format('woff'), url('/content/css/font/Akrobat-Black.ttf') format('truetype'), url('/content/css/font/Akrobat-Black.svg#Akrobat-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-Light.eot'); src: url('/content/css/font/Akrobat-Light.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-Light.woff2') format('woff2'), url('/content/css/font/Akrobat-Light.woff') format('woff'), url('/content/css/font/Akrobat-Light.ttf') format('truetype'), url('/content/css/font/Akrobat-Light.svg#Akrobat-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Akrobat'; src: url('/content/css/font/Akrobat-ExtraLight.eot'); src: url('/content/css/font/Akrobat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/content/css/font/Akrobat-ExtraLight.woff2') format('woff2'), url('/content/css/font/Akrobat-ExtraLight.woff') format('woff'), url('/content/css/font/Akrobat-ExtraLight.ttf') format('truetype'), url('/content/css/font/Akrobat-ExtraLight.svg#Akrobat-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } 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:var(--color-dark); font-size:15px; font-family:var(--font-primary); font-weight:400; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; } *::-moz-selection { background:rgba(1,29,44,0.3); } *::selection { background:rgba(1,29,44,0.3); } a { color:var(--color-dark); text-decoration:none; } a:hover { color:var(--color-turkuaz); text-decoration:none; } :root { --color-dark:#011D2C; --color-brown:#3E230B; --color-turkuaz:#1ABDC5; --color-grey:#4B5E69; --color-light:#E6E6E6; --color-light-cold:#F7F7FA; --font-primary:'Montserrat','Arial'; --font-secondary:'Akrobat','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:15px; 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:17px; font-weight:600; } .input { width:100%; height:50px; padding:0 18px; border:1px solid rgba(62,35,11,0.2); transition:ease 0.3s; background-color:#FFF; border-radius:12px; } .select { background:#FFF url(../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-turkuaz) !important; box-shadow:4px 4px 0 rgba(62,35,11,0.05); } textarea.input { padding-top:13px !important; padding-bottom:13px !important; } .button { float:none; height:50px; display:flex; align-items:center; padding:0 20px; cursor:pointer; position:relative; color:#FFF; background-color:var(--color-turkuaz); transition:all 0.25s; border-radius:25px; overflow:hidden; text-align:left; } .button.dark { background-color:var(--color-dark); } .button.dark:hover { background-color:var(--color-grey); } .button:hover { background-color:var(--color-dark); } .button i { float:right; margin-left:auto; margin-right:-5px; font-size:24px; } .button.left i { float:left; margin-right:auto; margin-right:0; margin-left:-5px; } .button small { flex:1; } a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; } .albosan { float:left; width:100%; position:relative; } .wrap { float:left; width:100%; padding:0 120px; position:relative; } .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%; } .mt30 { margin-top:30px; } .mt20 { margin-top:20px; } .mt10 { margin-top:10px; } .mb30 { margin-bottom:30px; } .mb20 { margin-bottom:20px; } .mb10 { margin-bottom:10px; } /* Start TOP */ .header { position:fixed; top:0; left:0; right:0; padding:0 80px; z-index:2000; transition:all 0.5s; } .header::before { content:""; position:absolute; bottom:0; left:40px; right:40px; height:1px; background-color:var(--color-turkuaz); opacity:0.13; transition:all 0.5s; } .nav-up , .nav-down { background-color:rgba(1,29,44,0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } .nav-up::before , .nav-down::before { height:2px; opacity:1; } .header-in { float:left; width:100%; position:relative; } #logo { position:absolute; top:20px; left:calc(50% - 80px); width:160px; z-index:1100; text-align:center; } #logo a { display:inline-block; transition:all 0.5s; } #logo a img { float:left; height:100px; transition:all 0.5s; } .nav-up #logo a img , .nav-down #logo a img { height:60px; } .nav-icon { display:none; } .header-lang-wrap { position:absolute; right:0; top:40px; width:70px; height:50px; z-index:300; color:#FFF; line-height:40px; box-shadow:inset 0 -2px 0 #FFF; transition:all 0.5s; } .nav-up .header-lang-wrap , .nav-down .header-lang-wrap { top:20px; } .header-lang-icon { float:right; width:100%; height:100%; padding-left:5px; position:relative; cursor:pointer; z-index:250; } .header-lang-icon small { float:left; padding-top:5px; } .header-lang-icon i { float:right; width:40px; font-size:28px; line-height:40px; text-align:center; } .header-lang { position:absolute; top:50px; left:0; width:70px; background-color:var(--color-turkuaz); display:none; z-index:300; box-shadow:0 10px 50px rgba(1,29,44,0.15); border-radius:0 0 6px 6px; text-align:center; } .header-lang ul { width:100%; } .header-lang li { width:100%; } .header-lang li a { float:left; width:100%; color:#FFF; font-size:13px; line-height:40px; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2); } .header-lang li:last-child a { box-shadow:none; } .header-lang li a:hover { opacity:0.7; } #nav { float:left; width:calc(100% - 150px); padding:40px 0 50px 0; position:relative; z-index:200; transition:all 0.5s; } .nav-up #nav , .nav-down #nav { padding:20px 0 30px 0; } #nav > ul > li { margin-right:40px; position:relative; } #nav > ul > li:last-child { margin-right:0; } #nav > ul > li > a { float:left; height:50px; font-size:15px; color:#FFF; position:relative; transition:all 0.5s; } #nav > ul > li:hover > a , #nav > ul > li > a.active { color:var(--color-turkuaz); } #nav > ul > li > a i { float:left; width:40px; padding-bottom:10px; margin-right:12px; font-size:28px; line-height:40px; text-align:center; box-shadow:inset 0 -2px 0 #FFF; transition:all 0.5s; } #nav > ul > li:hover > a i , #nav > ul > li > a.active i { box-shadow:inset 0 -2px 0 var(--color-turkuaz); } #nav > ul > li > a strong { float:left; padding-top:15px; font-weight:400; } #nav > ul > li > a strong small { display:block; padding-top:1px; font-size:11px; } .nav-menu { position:absolute; top:50px; left:-30px; width:280px; padding:15px 30px; background-color:var(--color-turkuaz); box-shadow:0 30px 50px rgba(1,29,44,0.1); border-radius:8px; display:none; } .nav-menu a { float:left; width:100%; padding:10px 0; position:relative; font-size:15px; color:#FFF; display:flex; align-items:center; } .nav-menu a:hover { color:var(--color-dark); } .nav-menu a i { float:right; width:20px; height:20px; margin-left:auto; margin-right:-10px; font-size:20px; opacity:0.5; transition:all 0.3s; } .nav-menu a:hover i { opacity:1; } /* 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:calc(50% - 25px); width:50px; height:50px; text-indent:-9999px; cursor:pointer; z-index:1000; transition:all 0.4s; background:#FFF url(../images/arrow-left.png) no-repeat center / auto 20px; border-radius:50%; } .slick-prev { left:0; } .slick-next { right:0; background-image:url(../images/arrow-right.png); } .slick-prev:hover , .slick-next:hover { background-color:var(--color-turkuaz); } ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:30px 0; z-index:1000; background:linear-gradient(180deg,rgba(62,35,11,0.0),rgba(62,35,11,0.5)); } ul.slick-dots li { float:none; width:24px; height:13px; margin:0 5px; display:inline-block; transition:all 0.5s; } ul.slick-dots li button { width:100%; height:100%; cursor:pointer; border-top:5px solid transparent; border-bottom:5px solid transparent; transition:all 0.2s; position:relative; text-indent:-9999px; opacity:0.4; } ul.slick-dots li button:hover { opacity:0.7; } ul.slick-dots li.slick-active button { opacity:1; } ul.slick-dots li button::after { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#FFF; } ul.slick-dots li.slick-active button::after { background-color:var(--color-turkuaz); } .slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; background-color:var(--color-dark); } .slider-hero { float:left; width:100%; position:relative; background-color:var(--color-dark); z-index:700; overflow:hidden; } .slider-hero .slick-list { overflow:hidden; } .slider-hero-item { float:left; width:100%; height:100vh; min-height:480px; position:relative; overflow:hidden; } .slider-hero-item::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,rgba(1,29,44,0.65),rgba(1,29,44,0),rgba(1,29,44,0.4) 90%); z-index:10; } .slider-hero-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/lines.png) no-repeat center bottom / auto 60%; z-index:10; opacity:0.5; mix-blend-mode:overlay; } .slider-title-wrap { position:absolute; left:0; right:0; bottom:200px; color:#FFF; z-index:100; } .slider-title-wrap .wrap { display:flex; align-items:end; } .slider-title { float:left; width:47%; margin-bottom:-12px; position:relative; font-family:var(--font-secondary); font-size:70px; font-weight:700; letter-spacing:-0.5px; line-height:80px; } .slider-content { float:right; width:25%; margin-left:auto; position:relative; } .slider-content section { float:left; width:100%; margin-bottom:35px; font-size:21px; line-height:30px; } .slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; transform:scale(1.4); transition:all 3s; } .slider-hero picture { position:absolute; top:0; bottom:0; left:0; right:0; transition:all 3s; background-position:center; background-size:cover; background-repeat:no-repeat; transform-origin:center; transform:scale(1.5); } .slider-hero .slick-current picture { transform:scale(1); } .slider-hero ul.slick-dots { background:none; text-align:right; left:120px; right:auto; bottom:55px; padding:0; } .slider-hero ul.slick-dots li { width:40px; } .slider-hero ul.slick-dots li.slick-active { width:80px; } .slider-hero ul.slick-dots li:last-child { margin-right:0; } /* 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(../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-wrap { float:left; width:100%; padding-top:142px; position:relative; background-color:var(--color-dark); color:#FFF; overflow:hidden; } .footer-wrap::before { content:""; position:absolute; left:0; right:0; top:4%; bottom:0; background:url(../images/bg-footer.jpg) no-repeat right bottom / auto 100%; } .footer-wrap a { color:#FFF; } .footer-wrap a:hover { color:var(--color-turkuaz); } .footer-contact { float:left; width:100%; max-width:360px; margin-top:77px; font-size:17px; line-height:30px; } .footer-join { float:left; width:100%; margin-top:50px; margin-bottom:80px; position:relative; z-index:20; } .footer-join section { float:left; width:100%; position:relative; } .footer-join section .input { width:calc(100% - 200px); height:60px; padding:0 29px; border:1px solid var(--color-turkuaz); color:#FFF; background-color:transparent; font-size:17px; line-height:60px; border-radius:30px; } .footer-join section .input:focus { border-color:#FFF; } .footer-join section .input::placeholder { color:rgba(255,255,255,0.6); opacity:1; } .footer-join section .input::-ms-input-placeholder { color:rgba(255,255,255,0.6); } .footer-join section .button { float:right; width:180px; height:60px; padding:0 25px; border-radius:30px; } .footer-join section .button:hover { background-color:#FFF; color:var(--color-turkuaz); } .footer-connect , .footer-connect .block-wide { display:flex; align-items:end; } .footer-links { float:left; width:100%; margin-bottom:-9px; position:relative; } .footer-links ul { width:100%; display:flex; flex-flow:row wrap; } .footer-links li { width:100%; } .footer-links li a { float:left; padding:5px 0; font-size:17px; } .footer-social { float:left; } .footer-social small { float:left; width:100%; margin-bottom:24px; font-size:17px; } .footer-social ul { width:100%; } .footer-social li { padding-right:30px; } .footer-social li:last-child { padding-right:0; } .footer-social li a { float:left; text-align:center; transition:all 0.5s; } .footer-social li a:hover { border-color:var(--color-turkuaz); } .footer-social li a i { float:left; width:32px; font-size:28px; color:#FFF; line-height:32px; transition:all 0.5s; } .footer-social li a:hover i { color:var(--color-turkuaz); } .footer-logos { float:right; margin-left:auto; } .footer-logos picture { float:left; margin-right:40px; } .footer-logos picture:last-child { margin-right:0; } .footer-logos picture img { float:left; height:32px; } .to-top { float:right; margin-left:auto; } .to-top a { float:left; text-align:center; border-radius:50%; border:1px solid rgba(252,182,50,0.1); transition:all 0.5s; } .to-top a:hover { border-color:var(--color-turkuaz); } .to-top a i { float:left; width:58px; font-size:28px; color:#FFF; line-height:58px; transition:all 0.5s; } .to-top a:hover i { color:var(--color-turkuaz); } .footer-title { float:left; width:100%; margin:27px 0 39px 0; position:relative; font-size:14px; font-weight:500; color:var(--color-turkuaz); letter-spacing:1px; } .copyright { float:left; width:100%; padding:80px 0; margin-top:90px; position:relative; z-index:10; color:rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.06); } .c-left { float:left; } .c-right { float:right; margin-left:auto; } .c-right a { font-weight:600; } /* Start CONTENT */ .small-title { float:left; width:100%; padding-left:70px; position:relative; z-index:10; } .small-title::before { content:""; position:absolute; left:0; bottom:0; width:30px; height:30px; background:url(../images/arrow-cta.png) no-repeat center / 100% 100%; } .small-title small { float:left; padding:15px 0; font-size:13px; font-weight:600; color:var(--color-turkuaz); letter-spacing:1px; box-shadow:inset 0 -2px 0 var(--color-turkuaz); } .page-title { float:left; width:100%; position:relative; font-size:40px; font-weight:500; letter-spacing:-1px; line-height:120%; z-index:20; } .page-title section { display:block; margin-bottom:7px; font-size:15px; font-weight:600; color:var(--color-grey); letter-spacing:0; line-height:20px; } .page-title strong { font-weight:600; } .page-title.arrow { padding-left:70px; } .page-title.arrow::before { content:""; position:absolute; left:0; bottom:10px; width:30px; height:30px; background:url(../images/arrow-cta.png) no-repeat center / 100% 100%; } .fs-58 { font-size:58px; line-height:120%; } .fs-30 { font-size:30px; line-height:120%; } .fs-24 { font-size:24px; letter-spacing:-0.5px; line-height:120%; } .fs-17 { font-size:17px !important; line-height:120% !important; } .bordered-title { float:left; width:100%; position:relative; font-weight:700; font-size:17px; letter-spacing:1px; text-align:center; z-index:30; } .bordered-title::before { content:""; position:absolute; top:calc(50% - 1px); left:0; right:0; height:1px; background-color:var(--color-dark); opacity:0.08; } .bordered-title strong { display:inline-block; padding:0 40px; margin:1px 0 -1px 0; position:relative; font-weight:400; background-color:var(--color-light); z-index:10; } .page-text , .page-summary { float:left; width:100%; position:relative; font-size:19px; line-height:30px; } .page-summary { font-size:24px; line-height:40px; } .page-text.top { margin-top:29px; } .page-text p , .page-summary p { margin-bottom:30px; } .page-text p:last-child , .page-summary p:last-child { margin-bottom:0; } .page-text b , .page-text strong { font-weight:600; } .page-text ul , .page-text ol { float:none; padding-bottom:20px; display:table; } .page-text ul:last-child , .page-text ol:last-child { padding-bottom:0; } .page-text ol { padding-left:20px; padding-bottom:20px; display:inline-block; } .page-text ul li { width:100%; padding-left:20px; margin-bottom:10px; position:relative; font-weight:400; } .page-text ul li::before { content:""; position:absolute; top:9px; left:0; width:7px; height:7px; background-color:var(--color-turkuaz); border-radius:50%; } .page-text ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; } .page-text ul li:last-child , .article-content ol li:last-child { margin-bottom:0; } .page-text ol li::marker { font-weight:700; } .page-text-wrap { float:left; width:100%; position:relative; display:flex; align-items:end; } .page-text-wrap .page-text { float:left; width:auto; flex:1; padding-right:10%; } .page-text-wrap .page-text-cta { float:right; margin-left:auto; } .text-column { column-count:2; column-gap:40px; } .page-photo { float:left; width:100%; } .page-photo img { float:left; width:100%; border-radius:8px; } .text-white { color:#FFF !important; } .text-brown { color:var(--color-brown) !important; } .text-yellow { color:var(--color-turkuaz) !important; } .pl-120 { padding-left:120px; } .pr-120 { padding-right:120px; } .hero-cats-wrap { float:left; width:100%; position:relative; } .hero-cats-wrap::before { content:""; position:absolute; top:0; bottom:64%; left:0; right:0; background-color:var(--color-light); } .hero-cats { float:left; width:100%; position:relative; } .hero-cats > ul { width:calc(100% + 60px); margin-left:-30px; } .hero-cats > ul > li { width:33.33334%; padding:0 30px; margin-bottom:60px; } .hero-cat-item { float:left; width:100%; position:relative; transition:all 0.5s; } .hero-cat-item section { float:left; width:100%; aspect-ratio:1/1; border-radius:48px 48px 16px 16px; overflow:hidden; } .hero-cat-item section img { width:100%; height:100%; object-fit:cover; transition:all 1.5s; } .hero-cat-item:hover section img { transform:scale(1.2,1.2); } .hero-cat-item picture { float:left; width:100%; margin-top:-30%; position:relative; } .hero-cat-item picture img { float:left; width:100%; } .hero-cat-item .page-title { margin-top:9px; } .hero-cat-item small { float:left; width:100%; margin-top:11px; font-size:21px; color:var(--color-grey); line-height:24px; } .hero-cat-item small i { float:right; font-size:32px; line-height:24px; } .fw-700 { font-weight:700; } .fw-600 { font-weight:600; } .fw-500 { font-weight:500; } .fw-400 { font-weight:400; } .fw-300 { font-weight:300; } .block-dark { position:relative;background-color:var(--color-dark); color:#FFF; } .block-dark::before { content:""; position:absolute; left:0; right:0; top:4%; bottom:0; background:url(../images/bg-footer.jpg) no-repeat right bottom / auto 100%; } .block-light { background-color:var(--color-light); } .block-light-cold { background-color:var(--color-light-cold); } .block-wrap { float:left; width:calc(100% + 60px); margin-left:-30px; } .block-photo-wrap { display:flex; } .block-narrow { float:left; width:33.33334%; padding:0 30px; } .block-wide { float:right; width:66.666666%; padding:0 30px; } .block-narrow-photo , .block-wide-photo { float:left; width:100%; position:relative; } .block-wide-photo { height:100%; } .block-narrow-photo picture , .block-wide-photo picture { float:left; width:100%; aspect-ratio:1/1; border-radius:48px; overflow:hidden; } .block-wide-photo picture { position:absolute; top:0; bottom:0; left:0; aspect-ratio:initial; } .block-narrow-photo picture img , .block-wide-photo picture img { width:100%; height:100%; object-fit:cover; } .block-flexed { float:left; width:100%; position:relative; display:flex; } .align-center { align-items:center; } .align-end { align-items:end; } .flex-left { float:left; width:50%; padding-right:6%; position:relative; } .flex-right { float:right; width:50%; position:relative; } .gallery { float:left; width:100%; position:relative; overflow:hidden; } .gallery ul { width:calc(100% + 20px); margin-left:-10px; } .gallery li { width:25%; padding:0 10px; margin-bottom:20px; position:relative; } .gallery li a { float:left; width:100%; position:relative; overflow:hidden; border-radius:12px; transition:all 0.5s; } .gallery li a:hover { border-radius:40px; } .gallery li a::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-brown); z-index:5; transition:all 0.5s; opacity:0; } .gallery li a:hover::before { opacity:0.5; } .gallery li a::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/icon-zoom.png) no-repeat center / 40px; transition:all 0.3s; opacity:0; z-index:10; } .gallery li a:hover::after { opacity:1; } .gallery li a picture { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center; aspect-ratio:3 / 2; transition:all 1.5s; overflow:hidden; } .gallery li a:hover picture { transform:scale(1.2,1.2); } .gallery li a img { width:100%; height:100%; object-fit:cover; } .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; text-align:center; } .link-cta a { display:flex; align-items:center; min-width:240px; padding:4px 4px 4px 20px; font-weight:500; color:var(--color-turkuaz); text-align:left; border:1px solid var(--color-turkuaz); border-radius:25px; transition:all 0.3s; } .link-cta a:hover { border-color:var(--color-purple); color:var(--color-purple); } .link-cta a.light { border-color:#FFF; color:#FFF; } .link-cta a.light:hover { background-color:rgba(1,29,44,0.7); } .link-cta a i { float:right; width:40px; margin-left:auto; font-size:24px; color:#FFF; line-height:40px; background-color:var(--color-turkuaz); border-radius:50px; text-align:center; transition:all 0.3s; } .link-cta a:hover i { transform:rotate(45deg); } .grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); } .grayscale:hover { filter:none; -webkit-filter:none; } .news-list { float:left; width:100%; } .news-list ul { width:100%; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.06); } .news-list li { width:100%; padding:20px 0; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.06); } .news-list li a { float:left; width:100%; min-height:120px; position:relative; overflow:hidden; font-size:24px; line-height:30px; display:flex; align-items:center; } /* Haber gorselleri sabit gorunur; fareyle uzerine gelince efekt uygulanmaz. */ .news-list li a picture { position:absolute; top:0; left:0; bottom:0; width:240px; background-position:center; background-size:cover; background-repeat:no-repeat; z-index:10; border-radius:16px; } .news-list li a time { float:left; width:240px; position:relative; color:var(--color-grey); text-align:center; z-index:20; } .news-list li a strong { float:left; flex:1; padding-left:50px; font-weight:400; } .news-wrap { float:left; width:100%; margin-top:10px; position:relative; } .news-content { float:left; width:100%; position:relative; } .news-photo { float:left; width:100%; margin-bottom:40px; aspect-ratio:2/1; border-radius:24px; overflow:hidden; } .news-photo img { width:100%; height:100%; object-fit:cover; object-position:center; } .news-sidebar { float:left; width:100%; position:relative; display:flex; align-items:center; } .news-info { float:left; position:relative; } .news-info small { opacity:0.7; } .news-info time { font-weight:500; } .page-share { float:right; margin-left:auto; position:relative; } .page-share li { margin-right:10px; } .page-share li:last-child { margin-right:0; } .page-share li a { float:left; border:1px solid rgba(1,29,44,0.15); transition:all 0.3s; text-align:center; border-radius:12px; } .page-share li a:hover { border-color:var(--color-turkuaz); background-color:var(--color-turkuaz); color:#FFF; } .page-share li a i { float:left; width:38px; font-size:20px; line-height:38px; } .sub-top { float:left; width:100%; padding-top:275px; padding-bottom:70px; position:relative; } .sub-top.slim { padding-top:153px !important; padding-bottom:10px !important; } .sub-top::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,var(--color-dark),rgba(1,29,44,0.5)); z-index:10; } .sub-top::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/lines.png) no-repeat center bottom / 100% auto; z-index:10; opacity:0.75; mix-blend-mode:overlay; } .sub-top.slim::before { background:linear-gradient(180deg,var(--color-dark),rgba(1,29,44,0.8)); } .sub-top.slim::after { opacity:0.4; } .sub-top-bg { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; } .breadcrumb { float:left; width:100%; padding:30px 0; margin-bottom:7px; position:relative; font-size:13px; color:#FFF; overflow:hidden; z-index:20; } .breadcrumb section { float:left; width:500%; height:20px; padding-left:70px; } .breadcrumb section::before { content:""; position:absolute; top:calc(50% - 1px); left:0; width:30px; height:2px; background-color:#FFF; opacity:0.2; } .breadcrumb a , .breadcrumb i , .breadcrumb strong { float:left; } .breadcrumb a { color:#FFF; } .breadcrumb a:hover { text-decoration:underline; } .breadcrumb i { margin:0 20px; font-size:20px; line-height:20px; opacity:0.33; } .breadcrumb strong { font-weight:600; color:var(--color-turkuaz); } .page-wrap { padding-top:80px; } .slider-gallery-wrap { float:left; width:100%; position:relative; overflow:hidden; } .slider-gallery { float:left; width:130%; padding-bottom:80px; position:relative; } .slider-gallery-item { float:left; width:100%; padding-right:40px; position:relative; } .slider-gallery-item a { float:left; width:100%; position:relative; } .slider-gallery-item a picture { float:left; width:100%; position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:24px; } .slider-gallery-item a picture img { display:block; width:100%; height:100%; object-position:center; object-fit:cover; } .slider-gallery .slick-prev { top:auto; bottom:0; background-color:var(--color-light-cold); } .slider-gallery .slick-next { top:auto; bottom:0; left:70px; right:auto; background-color:var(--color-light-cold); } .sidebar-icon { display:none; } .sidebar { float:left; width:300px; position:relative; } .right-block { float:right; width:calc(100% - 340px); position:relative; } .sidebar-group { float:left; width:100%; position:relative; } .sidebar-header { float:left; width:100%; padding:14px 20px; margin-bottom:20px; position:relative; font-weight:600; font-size:13px; color:var(--color-turkuaz); letter-spacing:1px; cursor:pointer; transition:all 0.3s; background-color:#FFF; box-shadow:0 3px 4px rgba(1,29,44,0.03); border-radius:8px; } .sidebar-header::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:12px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; transform:rotate(180deg); opacity:0.5; } .sidebar-closed { color:var(--color-grey); background-color:rgba(1,29,44,0.03); box-shadow:none; } .sidebar-closed::after { transform:rotate(0deg); } .sidebar-hidden { display:none; } .sidebar-group-content { float:left; width:100%; padding:0 20px; margin-bottom:25px; position:relative; font-size:15px; } .sidebar-scroll { float:left; width:100%; max-height:272px; padding-right:6px; position:relative; overflow:hidden; overflow-y:auto; border-radius:0 !important; } .sidebar-scroll::-webkit-scrollbar { width:6px; border-radius:8px; } .sidebar-scroll::-webkit-scrollbar-track { background:#E7E7E7; border-radius:8px; } .sidebar-scroll::-webkit-scrollbar-thumb { background-color:#BBB; border-radius:8px; } .sidebar-scroll { scrollbar-color:#BBB #E7E7E7; scrollbar-width:thin; border-radius:8px; } .sidebar-menu { float:left; width:100%; padding-top:2px; position:relative; } .static-menu { margin-top:57px; } .sidebar-menu ul { width:100%; } .sidebar-menu ul li { width:100%; position:relative; z-index:10; } .sidebar-menu ul li a { float:left; width:100%; padding:5px 0; margin-bottom:10px; position:relative; font-weight:600; display:flex; align-items:center; } .static-menu ul li a { font-size:15px; } .sidebar-menu ul li a.active { color:var(--color-pink); } .sidebar-menu ul li a.active::before { content:""; position:absolute; top:-3px; bottom:-3px; left:0; right:0; z-index:-1; border-radius:20px; background-image:linear-gradient(90deg,rgba(255,255,255,0.0),#FFF); } .sidebar-menu ul li a img { float:left; height:20px; margin-right:15px; filter:grayscale(100%); -webkit-filter:grayscale(100%); } .sidebar-menu ul li a:hover img , .sidebar-menu ul li a.active img { filter:none; -webkit-filter:none; } .sidebar-menu ul li label { float:left; width:100%; padding-bottom:10px; cursor:pointer; position:relative; } .sidebar-menu ul li label i { display:inline-block; padding-left:5px; color:var(--color-grey); font-size:11px; font-weight:400; } .sidebar-menu ul li ul { padding-left:20px; margin-bottom:20px; font-size:13px; letter-spacing:0; box-shadow:inset 2px 0 0 rgba(37,12,51,0.1); } .sidebar-menu ul li ul li a { margin-bottom:0; } .product-list { float:left; width:100%; position:relative; } .product-list.space { margin-top:40px; } .product-list > ul { width:calc(100% + 20px); margin-left:-10px; display:flex; flex-flow:row wrap; } .product-list > ul > li { width:25%; padding:0 10px; margin-bottom:20px; } .product-item { float:left; width:100%; height:100%; position:relative; background-color:#FFF; border-radius:8px; box-shadow:0 3px 4px rgba(1,29,44,0.03); transition:all 0.5s; } .product-item:hover { box-shadow:0 8px 16px rgba(1,29,44,0.06); } .product-item::after { content:""; position:absolute; left:25px; bottom:0; width:40px; height:3px; background-color:var(--color-turkuaz); border-radius:3px 3px 0 0; transition:all 0.5s; } .product-item:hover::after { width:calc(100% - 50px); } .product-item picture { float:left; width:100%; padding:20px; position:relative; aspect-ratio:28/20; overflow:hidden; } .product-item picture img { width:100%; height:100%; object-position:center; } .product-item-type { position:absolute; top:20px; right:20px; padding:0 9px; border:1px solid var(--color-turkuaz); font-size:10px; font-weight:600; color:var(--color-turkuaz); line-height:23px; background-color:#FFF; border-radius:13px; z-index:100; } .product-item section { float:left; width:100%; padding:20px 25px; position:relative; border-top:1px solid rgba(1,29,44,0.07); } .product-item section strong { float:left; width:100%; margin-bottom:10px; font-weight:600; } .product-item section small { float:left; width:100%; font-size:13px; color:var(--color-grey); } .slider-product { float:left; width:100%; position:relative; overflow:hidden; text-align:center; } .slider-product-item { float:left; width:100%; padding:48px; position:relative; background-color:#FFF; overflow:hidden; border-radius:8px; } .slider-product-item a { width:100%; max-width:520px; display:inline-block; } .slider-product-item picture { float:left; width:100%; position:relative; aspect-ratio:48/33; overflow:hidden; } .slider-product-item picture img { width:100%; height:100%; object-fit:cover; } .slider-product ul.slick-dots { float:left; width:calc(100% + 15px); position:relative; left:auto; right:auto; bottom:auto; padding:0; background:none; } .slider-product ul.slick-dots li { float:left; width:calc(16.66666% - 15px); height:auto; padding:10px; margin:15px 15px 0 0; aspect-ratio:5/3; border-radius:8px; transition:none; background-color:#FFF; } .slider-product ul.slick-dots li button { width:100%; height:100%; border:none; opacity:0.5; } .slider-product ul.slick-dots li button::after { display:none; } .slider-product ul.slick-dots li.slick-active { box-shadow:inset 0 -1px 0 var(--color-turkuaz); opacity:1; } .slider-product ul.slick-dots li.slick-active button { opacity:1; } .product-hero { float:left; width:100%; margin-bottom:80px; position:relative; display:flex; align-items:center; overflow:hidden; z-index:1000; } .product-hero-left { float:left; width:50%; position:relative; } .product-hero-left .product-item-type { top:20px !important; left:20px !important; right:auto !important; } .product-hero-right { float:left; width:50%; padding-left:100px; position:relative; } .product-hero-right .in { float:left; width:100%; height:100%; padding:20px 0; display:flex; align-items:center; } .product-highlight { float:left; padding:10px 20px; margin-top:10px; background-color:#FFF; border-radius:4px; box-shadow:0 4px 5px rgba(1,29,44,0.03); } .product-highlight i { float:left; margin-left:-5px; margin-right:10px; font-size:24px; color:var(--color-turkuaz); line-height:20px; } .product-specs { float:left; width:100%; margin-top:25px; position:relative; } .product-specs ul { width:100%; } .product-specs ul li { width:100%; padding-left:30px; margin-bottom:10px; position:relative; font-weight:500; } .product-specs ul li i { position:absolute; top:-1px; left:0; font-size:20px; color:var(--color-turkuaz); } .product-cta { float:left; width:100%; padding-top:30px; margin-top:15px; position:relative; border-top:1px solid rgba(1,29,44,0.07); } .product-cta > ul { width:calc(100% + 20px); margin-left:-10px; display:flex; flex-flow:row wrap; } .product-cta > ul > li { flex:1; flex-basis:50%; padding:0 10px; margin-bottom:20px; } .product-cta > ul > li:nth-child(even) { float:right; margin-left:auto; } .product-cta-item { float:left; width:100%; height:100%; padding:9px; border-radius:4px; display:flex; align-items:center; border:1px solid rgba(1,29,44,0.3); transition:all 0.5s; } .product-cta-item:hover { background-color:#FFF; border-color:var(--color-turkuaz); } .product-cta-item small { float:left; font-size:28px; line-height:100%; } .product-cta-item span { flex:1; padding-left:15px; font-size:13px; font-weight:600; line-height:14px; } .product-cta-item i { float:right; margin-left:auto; font-size:24px; line-height:100%; transition:all 0.4s; } .product-cta-item:hover i { transform:rotate(45deg); } .tab { float:left; width:100%; margin-bottom:60px; position:relative; box-shadow:inset 0 -1px 0 rgba(1,29,44,0.1); } .tab ul { width:100%; } .tab li { position:relative; } .tab li::before { content:""; position:absolute; top:15px; bottom:15px; left:0; width:1px; background-color:rgba(1,29,44,0.1); } .tab li:first-child::before { display:none; } .tab li a { float:left; padding:20px 30px; position:relative; font-weight:500; transition:all 0.5s; } .tab li a:hover { box-shadow:inset 0 -1px 0 var(--color-dark); } .tab li a.tab-active { background-color:var(--color-dark); color:#FFF; border-radius:4px 4px 0 0; } .tab li a.tab-active::after { content:""; position:absolute; left:30px; right:30px; bottom:0; height:3px; background-color:var(--color-turkuaz); border-radius:3px 3px 0 0; } .product-table { float:left; width:100%; position:relative; border-bottom:1px solid rgba(1,29,44,0.07); } .product-table table { width:100%; } .product-table tbody tr:nth-child(odd) { background-color:#FFF; } .product-table table tr th { padding:17px 20px; text-align:left; background-color:var(--color-dark); color:#FFF; } .product-table table tr td { padding:15px 20px; vertical-align:middle; } .product-table table tr td:first-child { font-weight:600; } .product-table table tr td:last-child { text-align:right; } .product-info { float:left; width:100%; padding-left:40px; margin-top:40px; position:relative; color:rgba(1,29,44,0.75); line-height:25px; } .product-info section { position:absolute; top:2px; left:0; font-size:24px; color:var(--color-turkuaz); line-height:20px; } .certificates { float:left; width:100%; text-align:center; overflow:hidden; } .certificates ul { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-flow:row wrap; } .certificates li { width:33.33334%; padding:0 15px; margin-bottom:40px; } .certificates li a , .certificates li section { float:left; width:100%; height:100%; padding:30px 0; position:relative; overflow:hidden; display:flex; flex-direction:column; flex:1 1; background:linear-gradient(180deg,rgba(1,29,44,0.05),rgba(1,29,44,0)); border-radius:24px; } .certificates li picture { float:left; width:100%; padding:0 20px; position:relative; overflow:hidden; } .certificates li picture img { display:inline-block; max-width:100%; max-height:250px; position:relative; z-index:10; } .certificates li strong { float:left; width:100%; padding:24px 0 21px 0; position:relative; font-weight:500; } .page-info { float:left; width:100%; margin-bottom:40px; position:relative; display:flex; align-items:center; } .page-count { float:left; color:var(--color-grey); } .page-count strong { color:var(--color-dark); text-decoration:underline; } .filter-type { float:right; margin-left:auto; display:flex; align-items:center; } .filter-type section { float:left; margin-right:10px; color:var(--color-grey); } .filter-type section:last-child { margin-right:0; } .filter-type .input { width:auto; height:40px; padding:0 35px 0 15px; font-size:15px; line-height:38px; border-radius:8px; } .albosan-services { float:left; width:100%; margin-top:30px; position:relative; } .albosan-services > ul { width:calc(100% + 60px); margin-left:-30px; display:flex; flex-flow:row wrap; } .albosan-services > ul > li { width:100%; padding:0 30px; } .service-item { float:left; width:100%; padding:30px 0 30px 72px; position:relative; display:flex; flex-flow:row wrap; border-top:1px solid rgba(1,29,44,0.07); } .service-item > i { position:absolute; top:20px; left:0; width:48px; font-size:28px; line-height:48px; text-align:center; border-radius:20%; background-color:var(--color-light); } .service-item section { float:left; width:50%; margin-top:15px; } .service-item section small { float:left; width:100%; font-size:11px; font-weight:700; color:var(--color-grey); letter-spacing:2px; } .service-item section article { float:left; width:100%; /* font-size:17px; line-height:24px; */ font-weight:500; color:var(--color-dark); word-break:break-word; overflow-wrap:break-word; hyphens:auto; } .service-item .fs-24 { font-family:var(--font-secondary); font-weight:700; letter-spacing:0; } /* Start LIGHTBOX */ .fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; } .my-fancy { display:none; padding:30px !important; border-radius:8px; } .my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; } .my-fancy-wrap::-webkit-scrollbar { width:5px; } .my-fancy-wrap::-webkit-scrollbar-track { background:#EEE; } .my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; } .my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; } .fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; color:var(--color-brown); } .fancy-title::before { content:""; position:absolute; top:50%; left:0; width:50px; height:2px; margin-top:-1px; background-color:#DDD; } .fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:700; letter-spacing:1px; background-color:#FFF; } .fancy-form { float:left; width:100%; } .fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; } .fancy-form .item:last-child { margin-bottom:0; } .fancy-form .item-2 { width:calc(50% - 10px); } .fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid var(--color-grey); border-radius:4px; font-weight:600; } .fancy-form .item a { font-weight:600; text-decoration:underline; } /* Start CONTACT */ .accordion { float:left; width:100%; } .accordion-section { float:left; width:100%; } .accordion-item { float:left; width:100%; padding:9px; margin-bottom:20px; border:1px solid rgba(62,35,11,0.1); border-radius:20px; } .accordion-section-title { float:left; width:100%; padding:20px; padding-right:54px; position:relative; font-size:21px; font-weight:500; line-height:24px; z-index:10; } .accordion-section-title:hover , .accordion-section-title.active { color:var(--color-turkuaz); } .accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:18px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; opacity:0.3; } .accordion-section-title.active::after { transform:rotate(180deg); opacity:0.6; } .accordion-section-title section { float:left; } .accordion-section-content { float:left; width:100%; padding:20px; margin-top:-10px; position:relative; display:none; } .contact-info { float:left; width:calc(100% + 20px); margin:10px 0 20px -10px; position:relative; display:flex; flex-flow:row wrap; letter-spacing:-0.5px; } .contact-info section { float:left; width:33.33334%; padding:0 10px 0 45px; margin-bottom:30px; position:relative; font-size:17px; line-height:25px; } .contact-info section:first-child { width:100%; } .contact-info section i { position:absolute; top:1px; left:0; font-size:24px; color:var(--color-grey); } .contact-info section article { display:block; margin-bottom:10px; } .contact-info section article:last-child { margin-bottom:0; } .contact-social { float:left; width:100%; position:relative; z-index:800; text-align:center; } .contact-social ul { width:100%; display:flex; flex-flow:row wrap; } .contact-social li { flex:1; flex-basis:20%; padding:0 10px; margin-bottom:20px; } .contact-social li a { float:left; width:100%; padding:9px; border:1px solid rgba(1,29,44,0.1); border-radius:24px; transition:all 0.3s; } .contact-social li a:hover { border-color:var(--color-turkuaz); } .contact-social li a i { display:inline-block; font-size:40px; line-height:50px; } .contact-form { float:left; width:100%; position:relative; } .form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; } .request-form .form-item { width:33.33334%; } .form-item:last-child { padding-bottom:0 !important; } .form-item label { float:left; width:100%; } .form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; } .request-form .form-item .input { border-color:var(--color-grey); } /* Telefon alanı — ülke kodu seçici (intl-tel-input) mevcut .input görünümüne uydurulur */ .form-item .iti { width:100%; } .form-item .iti input.input { padding-left:96px; } .form-item .iti__selected-country { border-radius:12px 0 0 12px; } .form-item .iti__search-input { height:40px; padding:0 12px; font-size:15px; } .form-item .iti__country-list , .form-item .iti__dropdown-content { border-radius:12px; box-shadow:0 8px 20px rgba(1,29,44,0.15); } /* Geçersiz numara uyarısı */ .input-error { border-color:#D64545 !important; } .form-error { float:left; width:100%; margin-top:6px; font-size:13px; color:#D64545; } .security-code img { float:left; width:120px; height:50px; margin-right:10px; padding:3px; border:1px solid #DDD; background-color:#FFF; border-radius:8px; } .security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:1px solid #DDD; border-radius:8px; } .security-code a:hover.refresh { background-color:#EEE; } .contact-map { float:left; width:100%; padding:19px; aspect-ratio:5/3; border:1px solid rgba(1,29,44,0.1); border-radius:24px; overflow:hidden; } .upload { float:left; width:100%; height:50px; position:relative; } .upload section { float:left; width:100%; height:50px; padding:0 18px; position:relative; font-size:15px; line-height:50px; z-index:2; border:1px solid rgba(62,35,11,0.2); background-color:#FFF; border-radius:12px; } .upload:hover section { border-color:var(--color-turkuaz); box-shadow:4px 4px 0 rgba(62,35,11,0.05); } .upload i { position:absolute; top:calc(50% - 12px); right:14px; font-size:24px; z-index:3; } .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%; position:relative; text-align:center; } .pages ul { width:100%; } .pages li { float:none; display:inline-block; padding:0 5px 5px 5px; } .pages li a { float:left; width:48px; height:48px; font-size:14px; font-weight:500; line-height:50px; background-color:#FFF; transition:all 0.5s; border-radius:8px; } .pages li a:hover { background-color:rgba(1,29,44,0.04); } .pages li a.current { color:#FFF; background-color:var(--color-turkuaz); } .services-wrap { position:relative; } .services-content { float:left; width:50%; height:calc(100vh - 100px); padding:40px; position:relative; display:flex; flex-direction:column; overflow:hidden; } .services-content-in { float:left; width:100%; height:100%; position:relative; overflow:hidden; } .services-content-in .page-info { position:absolute; top:0; left:0; padding-bottom:30px; margin-bottom:0; z-index:1000; box-shadow:inset 0 -1px 0 rgba(1,29,44,0.07); } .services-list-box { height:calc(100% - 100px); margin-top:100px; overflow:hidden; overflow-y:auto; scrollbar-width:thin; } .services-map { float:right; width:50%; height:calc(100vh - 100px); position:relative; overflow:hidden; --map-cluster:var(--color-dark); --map-cluster-halo:rgba(1,29,44,0.22); --map-pin:#9B6B4E; --map-tile-filter:grayscale(1) brightness(1.06) contrast(0.86) sepia(0.12) hue-rotate(170deg) saturate(1.4); } /* Soluk harita tonu — karo sağlayıcı (OSM) değişmedi, yalnızca görünüm filtreleniyor */ .services-map .leaflet-tile-pane { filter:var(--map-tile-filter); } .services-map .leaflet-container { background-color:#E6ECF1; font-family:var(--font-primary), Arial; } /* Birden fazla şube: koyu daire içinde sayı */ .map-cluster { background:transparent; } .map-cluster span { width:100%; height:100%; display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:var(--map-cluster); color:#FFF; font-weight:600; font-size:13px; box-shadow:0 0 0 6px var(--map-cluster-halo); transition:transform 0.2s; } .map-cluster-md span { font-size:15px; box-shadow:0 0 0 8px var(--map-cluster-halo); } .map-cluster-lg span { font-size:17px; box-shadow:0 0 0 10px var(--map-cluster-halo); } .map-cluster:hover span { transform:scale(1.08); } /* Tek şube: nokta */ .map-pin { border-radius:50%; background-color:var(--map-pin); border:2px solid #FFF; box-shadow:0 1px 4px rgba(1,29,44,0.35); } .branch-popup h4 { margin:0 0 6px; font-size:14px; font-weight:700; color:var(--color-dark); } .branch-popup p { margin:0 0 4px; font-size:12px; color:var(--color-grey); line-height:1.5; } .service-item-cta { margin-top:20px; position:relative; } .service-item-cta > ul { width:100%; display:flex; align-items:center; gap:8px; } .service-item-cta > ul > li:first-child { flex:1; } .service-item-cta > ul > li > a { float:left; padding:6px; position:relative; background-color:var(--color-turkuaz); color:#FFF; display:flex; align-items:center; gap:10px; border-radius:8px; transition:all 0.5s; } .service-item-cta > ul > li > a:has(small) { padding:6px 16px; background-color:var(--color-light); color:var(--color-dark); } .service-item-cta > ul > li > a:hover { background-color:var(--color-dark); color:#FFF; } .service-item-cta > ul > li > a i { font-size:24px; } .service-item-cta > ul > li > a small { font-weight:600; } .service-item-cta > ul > li > a::after { content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid var(--color-dark); opacity:0.3; } .select-wizard { padding-bottom:40px; margin-top:40px; position:relative; border-bottom:2px solid var(--color-light); } .wizard-title { margin-bottom:20px; font-weight:500; display:flex; align-items:center; gap:12px; } .wizard-title small { height:60px; aspect-ratio:1/1; font-size:24px; font-weight:700; line-height:100%; background-color:var(--color-turkuaz); color:#FFF; border-radius:16px; display:flex; align-items:center; justify-content:center; } .wizard-title strong { flex:1; padding:20px 24px; font-size:17px; font-weight:500; background-color:var(--color-light); display:flex; align-items:center; border-radius:16px; } .generator-types > ul { width:calc(100% + 16px); margin-left:-8px; display:flex; flex-flow:row wrap; row-gap:16px; } .generator-types > ul > li { flex:1; flex-basis:10%; padding:0 8px; } .type-item { height:100%; padding:14px; display:flex; flex-direction:column; gap:6px; border-radius:16px; border:2px solid var(--color-light); color:var(--color-grey); text-align:center; cursor:pointer; } .type-item:hover , .type-item.selected { border-color:var(--color-turkuaz); color:var(--color-turkuaz); } .type-item picture { width:100%; display:flex; align-items:center; justify-content:center; } .type-item picture img { width:100%; max-width:180px; opacity:0.4; } .type-item:hover picture img , .type-item.selected picture img { opacity:1; } .type-item strong { width:100%; margin-top:auto; font-weight:600; } .wizard-cta { margin-top:30px; display:flex; align-items:center; gap:12px; } .wizard-cta .button { text-align:center; } .relative { position:relative; } .request-bg { position:absolute; inset:0; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; opacity:0.15; } .kva-ranger { float:left; width:100%; margin:8px 0; position:relative; } .kva-ranger .kva-slider-container { position:relative; height:24px; display:flex; align-items:center; } .kva-ranger .kva-range-input { position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; cursor:pointer; z-index:6; pointer-events:none; } .kva-ranger .kva-range-input::-webkit-slider-thumb { pointer-events:auto; width:20px; height:20px; border-radius:50%; cursor:pointer; } .kva-ranger .kva-range-input::-moz-range-thumb { pointer-events:auto; width:20px; height:20px; border-radius:50%; cursor:pointer; } .kva-ranger .kva-track { position:absolute; width:100%; height:8px; background-color:rgba(1,29,44,0.2); border-radius:4px; top:50%; transform:translateY(-50%); } .kva-ranger .kva-fill { position:absolute; height:8px; background-color:var(--color-turkuaz); top:50%; transform:translateY(-50%); pointer-events:none; } .kva-ranger .kva-thumb { position:absolute; width:20px; height:20px; background-color:var(--color-dark); border-radius:50%; top:50%; transform:translate(-50%, -50%); pointer-events:none; z-index:2; } .kva-ranger .kva-labels { display:flex; justify-content:space-between; margin-top:8px; font-size:14px; font-weight:500; } /* Çoklu seçim filtresi ---------------------------------------------------- */ .multiselect { float:left; width:100%; position:relative; } .multiselect-toggle { float:left; width:100%; padding:13px 40px 13px 16px; position:relative; cursor:pointer; font-size:14px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:#FFF; border:1px solid rgba(1,29,44,0.2); border-radius:12px; transition:all 0.3s; } .multiselect-toggle::after { content:""; position:absolute; top:0; bottom:0; right:16px; width:12px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; opacity:0.5; transition:all 0.3s; } .multiselect-placeholder { color:var(--color-grey); } .multiselect-open .multiselect-toggle { border-color:var(--color-turkuaz); } .multiselect-open .multiselect-toggle::after { transform:rotate(180deg); } .multiselect-panel { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:500; display:none; padding:12px 6px 4px 14px; background-color:#FFF; border:1px solid rgba(1,29,44,0.1); border-radius:12px; box-shadow:0 8px 20px rgba(1,29,44,0.12); } .multiselect-open .multiselect-panel { display:block; } .multiselect-all { float:left; width:100%; padding-bottom:8px; margin-bottom:8px; font-size:13px; font-weight:600; color:var(--color-turkuaz); cursor:pointer; border-bottom:1px solid rgba(1,29,44,0.1); } .multiselect-list { float:left; width:100%; max-height:240px; padding-right:6px; overflow:hidden; overflow-y:auto; } .multiselect-list ul , .multiselect-list li { width:100%; } .multiselect-list label { float:left; width:100%; padding-bottom:10px; cursor:pointer; } .multiselect-count { color:var(--color-grey); font-weight:400; } .filter-reset { float:left; width:100%; padding:12px 0; font-size:14px; font-weight:600; color:var(--color-turkuaz); display:flex; align-items:center; gap:6px; } .no-results { padding:40px 0; } .watts-list { margin-top:24px; margin-bottom:24px; font-size:17px; } .watts-list > ul { width:100%; display:flex; flex-direction:column; border-top:1px solid rgba(1,29,44,0.1); } .watts-list > ul > li { border-bottom:1px solid rgba(1,29,44,0.1); } .watts-list > ul > li:hover { background-color:rgba(1,29,44,0.05); } .watts-item { display:flex; align-items:center; justify-content:space-between; padding:16px; } .watts-item-name { font-weight:bold; font-size:16px; color:var(--color-black); flex:1; } .watts-item-value { margin-right:40px; font-weight:500; } .watts-item-controls { display:flex; align-items:center; } .watts-btn { border:1px solid var(--color-grey); width:44px; height:44px; font-size:24px; font-weight:500; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:8px; } .watts-btn:hover { background-color:var(--color-light); } .watts-count { width:40px; text-align:center; font-weight:bold; font-size:16px; } .watts-summary { padding:24px; background-color:var(--color-light-cold); font-size:24px; font-weight:500; line-height:110%; text-align:center; border-radius:16px; } .watts-summary strong { color:var(--color-turkuaz); } .recommended-list { margin-top:24px; margin-bottom:24px; } .recommended-list > ul { width:100%; display:flex; flex-flow:row wrap; gap:12px; } .recommended-list > ul > li { width:calc(33.33334% - 8px); } .recommended-item-title { padding:10px; margin-bottom:6px; border-radius:16px; text-align:center; background-color:var(--color-light-cold); font-weight:600; font-size:13px; } .recommended-item-title.highlight { background-color:var(--color-turkuaz); color:#FFF; } .recommended-item { padding:24px; position:relative; border-radius:16px; text-align:center; } .recommended-item.highlight { background-color:rgba(26,189,197,0.07); } .recommended-item::before { content:""; position:absolute; inset:0; border:1px solid rgba(1,29,44,0.2); border-radius:inherit; pointer-events:none; } .recommended-item.highlight::before { border:2px solid var(--color-turkuaz); border-radius:inherit; } .recommended-item picture { float:left; width:100%; margin-bottom:24px; display:flex; align-items:center; justify-content:center; } .recommended-item picture img { width:100%; max-width:300px; border-radius:12px; } .recommended-item-specs { width:100%; display:flex; flex-direction:column; } .recommended-item-specs section { width:100%; padding:8px 0; display:flex; flex-direction:column; gap:2px; border-top:1px solid rgba(1,29,44,0.07); } .recommended-item-specs section:hover { background-color:rgba(1,29,44,0.05); } /* Sihirbaz — adım gösterimi ve dinamik içerik ----------------------------- */ .wizard-hidden { display:none !important; } .recommended-list.count-2 > ul > li { width:calc(50% - 6px); } /* Rol etiketi (düşük/önerilen/yüksek) basılmadığında kartlar üstten hizalı kalsın */ .recommended-list.no-roles > ul > li { display:flex; } .recommended-list.no-roles > ul > li > .recommended-item { margin-top:0; } .recommended-empty { width:100% !important; padding:40px 24px; text-align:center; font-size:17px; background-color:var(--color-light-cold); border-radius:16px; } .recommended-item-name { width:100%; margin-bottom:12px; font-size:20px; font-weight:600; } .recommended-item-files { width:100%; margin-top:16px; padding-top:12px; border-top:1px solid rgba(1,29,44,0.07); font-size:14px; } .recommended-item-files > span { float:left; width:100%; margin-bottom:8px; font-weight:600; color:var(--color-grey); } .recommended-item-files ul { width:100%; display:flex; flex-direction:column; gap:6px; } .recommended-item-files a { display:flex; align-items:center; justify-content:center; gap:6px; color:var(--color-turkuaz); } .recommended-item-cta { width:100%; margin-top:16px; font-weight:600; } .recommended-item-cta a { display:inline-flex; align-items:center; gap:6px; color:var(--color-turkuaz); } .watts-add { display:flex; align-items:center; gap:12px; margin-bottom:24px; } .watts-add .input { flex:1; } .watts-add .watts-add-watts { max-width:140px; } .watts-add .button { flex:0 0 auto; padding:0 24px; } @media only screen and (max-width:1740px) { .wrap { padding:0 80px; } .header { padding:0 40px; } #nav { width:calc(100% - 120px); padding:20px 0 30px 0; } #nav > ul > li { margin-right:30px; } .header-lang-wrap { top:20px; } #logo { top:10px; left:calc(50% - 65px); width:130px; } #logo a img { height:80px; } .nav-up #logo a img , .nav-down #logo a img { padding-top:15px; } .slider-hero ul.slick-dots { left:80px; } .slider-title-wrap { bottom:140px; } .slider-title { width:50%; font-size:48px; line-height:60px; } .slider-content section { margin-bottom:25px; font-size:18px; line-height:26px; } .pl-120 { padding-left:80px; } .pr-120 { padding-right:80px; } .product-hero-right { padding-left:80px; } } @media only screen and (max-width:1600px) { .wrap { padding:0 40px; } .header { padding:0 30px; } .header::before { left:15px; right:15px; } .slider-hero ul.slick-dots { left:40px; bottom:35px; } .slider-title-wrap { bottom:100px; } .slider-content { width:35%; } .pl-120 { padding-left:40px; } .pr-120 { padding-right:40px; } .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; } .page-title { font-size:32px; } .page-title.arrow::before { bottom:8px; } .fs-58 { font-size:44px; } .fs-30 { font-size:24px; } .fs-24 { font-size:20px !important; } .block-wrap , .hero-cats > ul { width:calc(100% + 40px); margin-left:-20px; } .hero-cats > ul > li { padding:0 20px; margin-bottom:40px; } .block-narrow , .block-wide { padding:0 20px; } .page-text-wrap .page-text { padding-right:5%; } .footer-wrap { padding-top:80px; } .copyright { padding:50px 0; margin-top:60px; } .page-wrap { padding-top:60px; } .product-hero-right { padding-left:60px; } .type-item strong { font-size:13px; line-height:16px; } } @media only screen and (max-width:1480px) { #nav > ul > li > a i { width:32px; margin-right:10px; font-size:24px; } #nav > ul > li > a strong { font-size:13px; } #nav > ul > li > a strong small { font-size:9px; } .slider-content { width:35%; } .sub-top { padding-top:195px; padding-bottom:40px; } .sidebar { width:270px; } .right-block { width:calc(100% - 300px); } .sidebar-group-content { float:left; width:100%; padding-right:10px; } .sidebar-menu { font-size:13px; } .product-list > ul > li { width:33.33334%; } } @media only screen and (max-width:1320px) { #nav > ul > li { margin-right:20px; } .hero-cat-item section { border-radius:24px 24px 8px 8px; } .block-narrow-photo picture , .block-wide-photo picture { border-radius:24px; } .copyright { font-size:13px; } .page-wrap { padding-top:40px; } .product-hero { margin-bottom:40px; } .slider-product ul.slick-dots li { padding:5px; } .product-hero-right { padding-left:40px; } } @media only screen and (max-width:1200px) { .header { height:70px; padding:0; } .header::before { display:none; } .nav-opened .header , .nav-up , .nav-down { background-color:var(--color-dark); box-shadow:none; } .header-lang-wrap { right:10px; top:10px !important; width:60px; line-height:50px; box-shadow:none; } .header-lang-icon small { padding-top:0; } .header-lang-icon i { width:30px; font-size:24px; line-height:50px; } .header-lang { top:50px; left:5px; width:50px; border-radius:6px; } #logo a img { height:50px !important; padding:0 !important; } .nav-up #logo a img , .nav-down #logo a img { padding:5px 0 !important; } .nav-icon { float:left; width:80px; height:70px; position:relative; cursor:pointer; display:block; text-indent:-9999px; } .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:5px; 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); top:0; right:0; background-color:var(--color-turkuaz); } .nav-icon-close span::after { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); bottom:0; right:0; background-color:var(--color-turkuaz); } .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-turkuaz); } #nav { position:fixed; top:70px; bottom:0; left:0; right:0; width:auto; height:calc(100vh - 70px); padding:30px 30px 110px 30px !important; display:none; background-color:var(--color-turkuaz); overflow-y:auto; z-index:20; transition:none; } #nav > ul { width:100%; border-top:1px solid rgba(1,29,44,0.07); } #nav > ul.fr { border-top:0; } #nav > ul > li { width:100%; margin-right:0; border-bottom:1px solid rgba(1,29,44,0.07); } #nav > ul > li.nav-multi::after { content:""; position:absolute; top:0; right:10px; width:14px; height:58px; background:url(../images/arrow-white-down.png) no-repeat right 52% / 100% auto; transition:all 0.3s; } #nav > ul > li > a { width:100%; height:auto; padding:5px 20px 10px 20px; z-index:100; color:#FFF !important; } #nav > ul > li > a i { width:40px; margin-right:20px; font-size:28px; } #nav > ul > li > a strong { padding-top:14px; font-size:19px; font-weight:500; } #nav > ul.fr > li > a strong { padding-bottom:9px; } #nav > ul > li > a strong small { font-size:13px; } .nav-menu { float:left; width:100%; position:relative; top:auto; left:auto; margin-bottom:30px; border-radius:8px; display:none; background-color:var(--color-dark); } .nav-menu a { font-size:17px; } .nav-opened { overflow:hidden; } .block-wrap , .hero-cats > ul { width:calc(100% + 30px); margin-left:-15px; } .hero-cats > ul > li , .block-narrow , .block-wide { padding:0 15px; } .hero-cat-item small { font-size:17px; } .news-list li a time { width:180px; font-size:17px; } .news-list li a picture { width:180px; } .news-list li a strong { padding-left:30px; } .sub-top { padding-top:145px; padding-bottom:30px; } .sub-top.slim { padding-top:103px !important; padding-bottom:0 !important; } .breadcrumb { padding:20px 0; } .slider-gallery-item { padding-right:30px; } .product-list > ul > li { width:50%; } .albosan-services > ul > li , .contact-info section { width:100%; } .gallery li { width:33.33334%; } .contact-map { aspect-ratio:1/1; } .generator-types > ul > li { flex-basis:33.33334%; } } @media only screen and (max-width:1023px) { .wrap { padding:0 30px; } /* Açılır filtre paneli, katlanan sidebar'ın dışına taşmasın */ .multiselect-panel { position:static; padding:12px 0 0 0; border:0; box-shadow:none; } .recommended-list.count-2 > ul > li { width:100%; } .watts-add { flex-flow:row wrap; } .watts-add .input , .watts-add .watts-add-watts { max-width:none; width:100%; flex:0 0 100%; } .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; } .block-narrow { width:100%; } .block-wide { width:100%; margin-top:30px; } .block-wide-photo picture { float:left; width:100%;position:static; aspect-ratio:2/1; } .page-title.arrow , .small-title { padding-left:60px; } .block-flexed , .page-text-wrap , .block-photo-wrap { display:block; } .flex-left , .page-text-wrap .page-text { width:100%; padding-right:0; } .flex-right , .page-text-wrap .page-text-cta { width:100%; margin-top:30px; } .flex-right:first-child , .block-wide:first-child { margin-top:0; } .slider-hero-item { height:auto; min-height:initial; max-height:600px; aspect-ratio:1/1; } .slider-title-wrap { bottom:75px; } .slider-hero ul.slick-dots { left:30px; bottom:25px; } .slider-title { margin-bottom:-8px; font-size:40px; line-height:48px; } .slider-content { width:44%; } .sidebar { width:100%; margin-top:30px; display:none; } .right-block { width:100%; margin-top:30px; } .sidebar-icon { display:block; float:left; width:100%; padding:13px 19px 13px 24px; border:1px solid rgba(1,29,44,0.1); border-radius:8px; font-weight:500; transition:all 0.5s; } .sidebar-icon-close { background-color:var(--color-grey); color:#FFF; } .sidebar-icon i { float:right; font-size:24px; line-height:20px; } .footer-wrap { padding-top:40px; } .footer-wrap::before { background-size:100% auto; } .footer-contact { max-width:480px; margin-top:27px; } .footer-connect { display:block; } .footer-links { margin-bottom:30px; } .footer-links li { width:50%; } .footer-links li a { font-size:15px; } .footer-social small { margin-bottom:15px; font-size:15px; } .footer-join section .input { width:calc(100% - 150px); } .footer-join section .button { width:140px; } .breadcrumb i { margin:0 10px; font-size:16px; } .page-wrap { padding-top:30px; } .product-hero { display:block; } .product-hero-left { width:100%; } .product-hero-right { width:100%; padding-top:40px; padding-left:0; } .tab { height:50px; margin-bottom:40px; overflow:hidden; overflow-x:auto; white-space:nowrap; } .tab ul { float:none; display:block; } .tab li { float:none; display:inline-block; } .tab li a { float:left; padding:15px 24px; } .tab li a.tab-active::after { left:24px; right:24px; } .services-wrap { display:flex; flex-direction:column; } .services-map { width:100%; height:auto; max-height:480px; aspect-ratio:1/1; order:1; } .services-content { width:100%; height:auto; padding:30px 30px 10px 30px; order:2; } .services-list-box { height:auto; margin-top:80px; } } @media only screen and (max-width:767px) { .slider-hero-item::before { background:linear-gradient(180deg,var(--color-dark),rgba(1,29,44,0),rgba(1,29,44,0.4)); } .slider-title-wrap .wrap { display:block; } .slider-title { width:100%; } .slider-content { float:left; width:100%; margin-top:30px; } .slider-content section { display:none; } .page-title { font-size:28px; } .fs-58 { font-size:40px; } .fs-30 { font-size:24px; } .hero-cats > ul > li { width:50%; } .hero-cats > ul > li:first-child , .service-item section { width:100%; } .service-item section article { font-size:15px; line-height:20px; } .breadcrumb section { padding-left:0; } .breadcrumb section::before { display:none; } .tab li a { float:left; padding:15px 20px; font-size:13px; } .tab li a.tab-active::after { left:20px; right:20px; } .certificates li { width:50%; margin-bottom:20px; } .news-sidebar { margin-top:-10px; display:block; } .news-info , .page-share { width:100%; } .page-share { margin-top:20px; } } @media only screen and (max-width:640px) { .sub-top { padding-top:115px; } .breadcrumb { font-size:11px; } .slider-gallery-item { padding-right:20px; } .product-item-type { top:10px; right:10px; } .product-table table tr td { padding:12px 15px; font-size:13px; } .page-info { display:block; } .page-count { width:100%; margin-bottom:20px; } .filter-type , .filter-type .input { width:100%; } .filter-type section { flex:1; } .filter-type section:first-child { width:120px; flex:none; padding-right:20px; margin-right:0; } .gallery li { width:50%; } .contact-social li a , .contact-map { border-radius:12px; } .contact-map { padding:9px; } .services-content-in .page-info { position:relative; top:auto; left:auto; padding-bottom:24px; } .services-list-box { margin-top:16px; } .request-form .form-item { width:50%; } .recommended-list ul li { width:calc(50% - 6px); } .recommended-list ul li:nth-child(2) { width:100%; order:-1; } } @media only screen and (max-width:540px) { .slider-title-wrap { bottom:60px; } .slider-title { margin-bottom:0; font-size:30px; line-height:40px; } .slider-title-wrap .slider-content , .slider-title-wrap .link-cta { position:static; margin-top:0; } .slider-title-wrap .link-cta a { position:absolute; top:0; bottom:0; left:30px; right:30px; width:auto; opacity:0; } .slider-hero ul.slick-dots li { width:30px; } .slider-hero ul.slick-dots li.slick-active { width:60px; } .footer-connect .block-wide { display:block; } .footer-logos { float:left; width:100%; margin-top:30px; } .copyright { padding:40px 0; } .c-left , .c-right , .form-item , .request-form .form-item { width:100%; } .c-right { margin-top:10px; } .form-item { padding-bottom:20px; } .news-list li a { min-height:80px; } .news-list li a picture { display:none; } .news-list li a time { width:120px; font-size:13px; } .news-list li a strong { padding-left:20px; font-size:19px; line-height:25px; } .product-cta > ul > li { flex-basis:100%; margin-bottom:10px; } .service-item { float:left; width:100%; padding-left:60px; } .service-item > i { width:40px; font-size:24px; line-height:40px; } .wizard-title { gap:6px; } .wizard-title strong { padding:20px; font-size:15px; font-weight:600; } .wizard-cta .button small { font-size:14px; } .watts-item { padding:16px 0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; row-gap:4px; align-items:center; } .watts-item-name { grid-column:1 / -1; grid-row:1; margin-bottom:0; } .watts-item-value { grid-column:1; grid-row:2; } .watts-item-controls { grid-column:2; grid-row:2; justify-self:end; } } @media only screen and (max-width:440px) { .slider-title { font-size:25px; line-height:35px; } .footer-logos picture { margin-right:24px; } .footer-join section .input { width:100%; } .footer-join section .button { width:100%; margin-top:20px; } .product-list > ul > li , .certificates li , .recommended-list ul li { width:100%; } .service-item-cta > ul > li > a small { display:none; } .recommended-list ul { row-gap:32px; } } @media only screen and (max-width:389px) { .hero-cats > ul > li { width:100%; } }