/* Minification failed. Returning unminified contents. (136,3578): run-time error CSS1030: Expected identifier, found '.' (136,3594): run-time error CSS1031: Expected selector, found ')' (136,3594): run-time error CSS1025: Expected comma or open brace, found ')' (136,4027): run-time error CSS1030: Expected identifier, found '.' (136,4043): run-time error CSS1031: Expected selector, found ')' (136,4043): run-time error CSS1025: Expected comma or open brace, found ')' (136,4147): run-time error CSS1030: Expected identifier, found '.' (136,4163): run-time error CSS1031: Expected selector, found ')' (136,4163): run-time error CSS1025: Expected comma or open brace, found ')' (136,4231): run-time error CSS1030: Expected identifier, found '.' (136,4247): run-time error CSS1031: Expected selector, found ')' (136,4247): run-time error CSS1025: Expected comma or open brace, found ')' (136,4416): run-time error CSS1030: Expected identifier, found '.' (136,4432): run-time error CSS1031: Expected selector, found ')' (136,4432): run-time error CSS1025: Expected comma or open brace, found ')' (136,4583): run-time error CSS1030: Expected identifier, found '.' (136,4599): run-time error CSS1031: Expected selector, found ')' (136,4599): run-time error CSS1025: Expected comma or open brace, found ')' (136,4762): run-time error CSS1030: Expected identifier, found '.' (136,4778): run-time error CSS1031: Expected selector, found ')' (136,4778): run-time error CSS1025: Expected comma or open brace, found ')' (136,4836): run-time error CSS1030: Expected identifier, found '.' (136,4852): run-time error CSS1031: Expected selector, found ')' (136,4852): run-time error CSS1025: Expected comma or open brace, found ')' (136,4925): run-time error CSS1030: Expected identifier, found '.' (136,4941): run-time error CSS1031: Expected selector, found ')' (136,4941): run-time error CSS1025: Expected comma or open brace, found ')' (136,5072): run-time error CSS1030: Expected identifier, found '.' (136,5088): run-time error CSS1031: Expected selector, found ')' (136,5088): run-time error CSS1025: Expected comma or open brace, found ')' (136,5220): run-time error CSS1030: Expected identifier, found '.' (136,5236): run-time error CSS1031: Expected selector, found ')' (136,5236): run-time error CSS1025: Expected comma or open brace, found ')' (136,5324): run-time error CSS1030: Expected identifier, found '.' (136,5340): run-time error CSS1031: Expected selector, found ')' (136,5340): run-time error CSS1025: Expected comma or open brace, found ')' (136,5489): run-time error CSS1030: Expected identifier, found '.' (136,5505): run-time error CSS1031: Expected selector, found ')' (136,5505): run-time error CSS1025: Expected comma or open brace, found ')' (136,5648): run-time error CSS1030: Expected identifier, found '.' (136,5664): run-time error CSS1031: Expected selector, found ')' (136,5664): run-time error CSS1025: Expected comma or open brace, found ')' (136,5749): run-time error CSS1030: Expected identifier, found '.' (136,5765): run-time error CSS1031: Expected selector, found ')' (136,5765): run-time error CSS1025: Expected comma or open brace, found ')' (136,5911): run-time error CSS1030: Expected identifier, found '.' (136,5927): run-time error CSS1031: Expected selector, found ')' (136,5927): run-time error CSS1025: Expected comma or open brace, found ')' (136,6057): run-time error CSS1030: Expected identifier, found '.' (136,6073): run-time error CSS1031: Expected selector, found ')' (136,6073): run-time error CSS1025: Expected comma or open brace, found ')' (136,6211): run-time error CSS1030: Expected identifier, found '.' (136,6227): run-time error CSS1031: Expected selector, found ')' (136,6227): run-time error CSS1025: Expected comma or open brace, found ')' (136,6286): run-time error CSS1030: Expected identifier, found '.' (136,6302): run-time error CSS1031: Expected selector, found ')' (136,6302): run-time error CSS1025: Expected comma or open brace, found ')' (136,6569): run-time error CSS1030: Expected identifier, found '.' (136,6585): run-time error CSS1031: Expected selector, found ')' (136,6585): run-time error CSS1025: Expected comma or open brace, found ')' (136,6640): run-time error CSS1030: Expected identifier, found '.' (136,6656): run-time error CSS1031: Expected selector, found ')' (136,6656): run-time error CSS1025: Expected comma or open brace, found ')' (136,6724): run-time error CSS1030: Expected identifier, found '.' (136,6740): run-time error CSS1031: Expected selector, found ')' (136,6740): run-time error CSS1025: Expected comma or open brace, found ')' (136,6943): run-time error CSS1030: Expected identifier, found '.' (136,6959): run-time error CSS1031: Expected selector, found ')' (136,6959): run-time error CSS1025: Expected comma or open brace, found ')' (136,7141): run-time error CSS1030: Expected identifier, found '.' (136,7157): run-time error CSS1031: Expected selector, found ')' (136,7157): run-time error CSS1025: Expected comma or open brace, found ')' (136,7250): run-time error CSS1030: Expected identifier, found '.' (136,7266): run-time error CSS1031: Expected selector, found ')' (136,7266): run-time error CSS1025: Expected comma or open brace, found ')' (136,7417): run-time error CSS1030: Expected identifier, found '.' (136,7433): run-time error CSS1031: Expected selector, found ')' (136,7433): run-time error CSS1025: Expected comma or open brace, found ')' (136,7585): run-time error CSS1030: Expected identifier, found '.' (136,7601): run-time error CSS1031: Expected selector, found ')' (136,7601): run-time error CSS1025: Expected comma or open brace, found ')' (136,7911): run-time error CSS1030: Expected identifier, found '.' (136,7927): run-time error CSS1031: Expected selector, found ')' (136,7927): run-time error CSS1025: Expected comma or open brace, found ')' (136,8080): run-time error CSS1030: Expected identifier, found '.' (136,8096): run-time error CSS1031: Expected selector, found ')' (136,8096): run-time error CSS1025: Expected comma or open brace, found ')' (136,8167): run-time error CSS1030: Expected identifier, found '.' (136,8183): run-time error CSS1031: Expected selector, found ')' (136,8183): run-time error CSS1025: Expected comma or open brace, found ')' (136,8335): run-time error CSS1030: Expected identifier, found '.' (136,8351): run-time error CSS1031: Expected selector, found ')' (136,8351): run-time error CSS1025: Expected comma or open brace, found ')' (136,8453): run-time error CSS1030: Expected identifier, found '.' (136,8469): run-time error CSS1031: Expected selector, found ')' (136,8469): run-time error CSS1025: Expected comma or open brace, found ')' (136,8618): run-time error CSS1030: Expected identifier, found '.' (136,8634): run-time error CSS1031: Expected selector, found ')' (136,8634): run-time error CSS1025: Expected comma or open brace, found ')' (136,8731): run-time error CSS1030: Expected identifier, found '.' (136,8747): run-time error CSS1031: Expected selector, found ')' (136,8747): run-time error CSS1025: Expected comma or open brace, found ')' (136,8898): run-time error CSS1030: Expected identifier, found '.' (136,8914): run-time error CSS1031: Expected selector, found ')' (136,8914): run-time error CSS1025: Expected comma or open brace, found ')' (136,9015): run-time error CSS1030: Expected identifier, found '.' (136,9031): run-time error CSS1031: Expected selector, found ')' (136,9031): run-time error CSS1025: Expected comma or open brace, found ')' (136,9141): run-time error CSS1030: Expected identifier, found '.' (136,9157): run-time error CSS1031: Expected selector, found ')' (136,9157): run-time error CSS1025: Expected comma or open brace, found ')' (136,9216): run-time error CSS1030: Expected identifier, found '.' (136,9232): run-time error CSS1031: Expected selector, found ')' (136,9232): run-time error CSS1025: Expected comma or open brace, found ')' (136,9299): run-time error CSS1030: Expected identifier, found '.' (136,9315): run-time error CSS1031: Expected selector, found ')' (136,9315): run-time error CSS1025: Expected comma or open brace, found ')' (136,9457): run-time error CSS1030: Expected identifier, found '.' (136,9473): run-time error CSS1031: Expected selector, found ')' (136,9473): run-time error CSS1025: Expected comma or open brace, found ')' (136,9668): run-time error CSS1030: Expected identifier, found '.' (136,9684): run-time error CSS1031: Expected selector, found ')' (136,9684): run-time error CSS1025: Expected comma or open brace, found ')' (136,9783): run-time error CSS1030: Expected identifier, found '.' (136,9799): run-time error CSS1031: Expected selector, found ')' (136,9799): run-time error CSS1025: Expected comma or open brace, found ')' (136,9870): run-time error CSS1030: Expected identifier, found '.' (136,9886): run-time error CSS1031: Expected selector, found ')' (136,9886): run-time error CSS1025: Expected comma or open brace, found ')' (136,10249): run-time error CSS1030: Expected identifier, found '.' (136,10265): run-time error CSS1031: Expected selector, found ')' (136,10265): run-time error CSS1025: Expected comma or open brace, found ')' (136,10364): run-time error CSS1030: Expected identifier, found '.' (136,10380): run-time error CSS1031: Expected selector, found ')' (136,10380): run-time error CSS1025: Expected comma or open brace, found ')' (136,10486): run-time error CSS1030: Expected identifier, found '.' (136,10502): run-time error CSS1031: Expected selector, found ')' (136,10502): run-time error CSS1025: Expected comma or open brace, found ')' (136,10568): run-time error CSS1030: Expected identifier, found '.' (136,10584): run-time error CSS1031: Expected selector, found ')' (136,10584): run-time error CSS1025: Expected comma or open brace, found ')' (136,10828): run-time error CSS1030: Expected identifier, found '.' (136,10844): run-time error CSS1031: Expected selector, found ')' (136,10844): run-time error CSS1025: Expected comma or open brace, found ')' (136,11179): run-time error CSS1030: Expected identifier, found '.' (136,11195): run-time error CSS1031: Expected selector, found ')' (136,11195): run-time error CSS1025: Expected comma or open brace, found ')' (136,11593): run-time error CSS1030: Expected identifier, found '.' (136,11609): run-time error CSS1031: Expected selector, found ')' (136,11609): run-time error CSS1025: Expected comma or open brace, found ')' (136,11881): run-time error CSS1030: Expected identifier, found '.' (136,11897): run-time error CSS1031: Expected selector, found ')' (136,11897): run-time error CSS1025: Expected comma or open brace, found ')' (136,12178): run-time error CSS1030: Expected identifier, found '.' (136,12194): run-time error CSS1031: Expected selector, found ')' (136,12194): run-time error CSS1025: Expected comma or open brace, found ')' (136,12395): run-time error CSS1030: Expected identifier, found '.' (136,12411): run-time error CSS1031: Expected selector, found ')' (136,12411): run-time error CSS1025: Expected comma or open brace, found ')' (136,12471): run-time error CSS1030: Expected identifier, found '.' (136,12487): run-time error CSS1031: Expected selector, found ')' (136,12487): run-time error CSS1025: Expected comma or open brace, found ')' (136,12528): run-time error CSS1030: Expected identifier, found '.' (136,12544): run-time error CSS1031: Expected selector, found ')' (136,12544): run-time error CSS1025: Expected comma or open brace, found ')' (136,12634): run-time error CSS1030: Expected identifier, found '.' (136,12650): run-time error CSS1031: Expected selector, found ')' (136,12650): run-time error CSS1025: Expected comma or open brace, found ')' (136,12792): run-time error CSS1030: Expected identifier, found '.' (136,12808): run-time error CSS1031: Expected selector, found ')' (136,12808): run-time error CSS1025: Expected comma or open brace, found ')' (136,12864): run-time error CSS1030: Expected identifier, found '.' (136,12880): run-time error CSS1031: Expected selector, found ')' (136,12880): run-time error CSS1025: Expected comma or open brace, found ')' (136,12992): run-time error CSS1030: Expected identifier, found '.' (136,13008): run-time error CSS1031: Expected selector, found ')' (136,13008): run-time error CSS1025: Expected comma or open brace, found ')' (136,13064): run-time error CSS1030: Expected identifier, found '.' (136,13080): run-time error CSS1031: Expected selector, found ')' (136,13080): run-time error CSS1025: Expected comma or open brace, found ')' (136,13214): run-time error CSS1030: Expected identifier, found '.' (136,13230): run-time error CSS1031: Expected selector, found ')' (136,13230): run-time error CSS1025: Expected comma or open brace, found ')' (136,13371): run-time error CSS1030: Expected identifier, found '.' (136,13387): run-time error CSS1031: Expected selector, found ')' (136,13387): run-time error CSS1025: Expected comma or open brace, found ')' (136,13500): run-time error CSS1030: Expected identifier, found '.' (136,13516): run-time error CSS1031: Expected selector, found ')' (136,13516): run-time error CSS1025: Expected comma or open brace, found ')' (136,13625): run-time error CSS1030: Expected identifier, found '.' (136,13641): run-time error CSS1031: Expected selector, found ')' (136,13641): run-time error CSS1025: Expected comma or open brace, found ')' (136,13739): run-time error CSS1030: Expected identifier, found '.' (136,13755): run-time error CSS1031: Expected selector, found ')' (136,13755): run-time error CSS1025: Expected comma or open brace, found ')' (136,13952): run-time error CSS1030: Expected identifier, found '.' (136,13968): run-time error CSS1031: Expected selector, found ')' (136,13968): run-time error CSS1025: Expected comma or open brace, found ')' (136,14221): run-time error CSS1030: Expected identifier, found '.' (136,14237): run-time error CSS1031: Expected selector, found ')' (136,14237): run-time error CSS1025: Expected comma or open brace, found ')' (136,14390): run-time error CSS1030: Expected identifier, found '.' (136,14406): run-time error CSS1031: Expected selector, found ')' (136,14406): run-time error CSS1025: Expected comma or open brace, found ')' (136,14482): run-time error CSS1030: Expected identifier, found '.' (136,14498): run-time error CSS1031: Expected selector, found ')' (136,14498): run-time error CSS1025: Expected comma or open brace, found ')' (136,14681): run-time error CSS1030: Expected identifier, found '.' (136,14697): run-time error CSS1031: Expected selector, found ')' (136,14697): run-time error CSS1025: Expected comma or open brace, found ')' (136,14798): run-time error CSS1030: Expected identifier, found '.' (136,14814): run-time error CSS1031: Expected selector, found ')' (136,14814): run-time error CSS1025: Expected comma or open brace, found ')' (136,14947): run-time error CSS1030: Expected identifier, found '.' (136,14963): run-time error CSS1031: Expected selector, found ')' (136,14963): run-time error CSS1025: Expected comma or open brace, found ')' (136,15090): run-time error CSS1030: Expected identifier, found '.' (136,15106): run-time error CSS1031: Expected selector, found ')' (136,15106): run-time error CSS1025: Expected comma or open brace, found ')' (136,15248): run-time error CSS1030: Expected identifier, found '.' (136,15259): run-time error CSS1031: Expected selector, found ')' (136,15259): run-time error CSS1025: Expected comma or open brace, found ')' (136,15517): run-time error CSS1030: Expected identifier, found '.' (136,15528): run-time error CSS1031: Expected selector, found ')' (136,15528): run-time error CSS1025: Expected comma or open brace, found ')' (136,15609): run-time error CSS1030: Expected identifier, found '.' (136,15620): run-time error CSS1031: Expected selector, found ')' (136,15620): run-time error CSS1025: Expected comma or open brace, found ')' (136,15679): run-time error CSS1030: Expected identifier, found '.' (136,15690): run-time error CSS1031: Expected selector, found ')' (136,15690): run-time error CSS1025: Expected comma or open brace, found ')' (136,15758): run-time error CSS1030: Expected identifier, found '.' (136,15769): run-time error CSS1031: Expected selector, found ')' (136,15769): run-time error CSS1025: Expected comma or open brace, found ')' (136,15941): run-time error CSS1030: Expected identifier, found '.' (136,15952): run-time error CSS1031: Expected selector, found ')' (136,15952): run-time error CSS1025: Expected comma or open brace, found ')' (136,16054): run-time error CSS1030: Expected identifier, found '.' (136,16065): run-time error CSS1031: Expected selector, found ')' (136,16065): run-time error CSS1025: Expected comma or open brace, found ')' (136,16165): run-time error CSS1030: Expected identifier, found '.' (136,16176): run-time error CSS1031: Expected selector, found ')' (136,16176): run-time error CSS1025: Expected comma or open brace, found ')' (136,16255): run-time error CSS1030: Expected identifier, found '.' (136,16266): run-time error CSS1031: Expected selector, found ')' (136,16266): run-time error CSS1025: Expected comma or open brace, found ')' (136,16361): run-time error CSS1030: Expected identifier, found '.' (136,16372): run-time error CSS1031: Expected selector, found ')' (136,16372): run-time error CSS1025: Expected comma or open brace, found ')' (136,16433): run-time error CSS1030: Expected identifier, found '.' (136,16444): run-time error CSS1031: Expected selector, found ')' (136,16444): run-time error CSS1025: Expected comma or open brace, found ')' (136,16525): run-time error CSS1030: Expected identifier, found '.' (136,16536): run-time error CSS1031: Expected selector, found ')' (136,16536): run-time error CSS1025: Expected comma or open brace, found ')' (136,16633): run-time error CSS1030: Expected identifier, found '.' (136,16644): run-time error CSS1031: Expected selector, found ')' (136,16644): run-time error CSS1025: Expected comma or open brace, found ')' (136,16702): run-time error CSS1030: Expected identifier, found '.' (136,16713): run-time error CSS1031: Expected selector, found ')' (136,16713): run-time error CSS1025: Expected comma or open brace, found ')' (136,16791): run-time error CSS1030: Expected identifier, found '.' (136,16802): run-time error CSS1031: Expected selector, found ')' (136,16802): run-time error CSS1025: Expected comma or open brace, found ')' (136,16896): run-time error CSS1030: Expected identifier, found '.' (136,16907): run-time error CSS1031: Expected selector, found ')' (136,16907): run-time error CSS1025: Expected comma or open brace, found ')' (136,16969): run-time error CSS1030: Expected identifier, found '.' (136,16980): run-time error CSS1031: Expected selector, found ')' (136,16980): run-time error CSS1025: Expected comma or open brace, found ')' (136,17062): run-time error CSS1030: Expected identifier, found '.' (136,17073): run-time error CSS1031: Expected selector, found ')' (136,17073): run-time error CSS1025: Expected comma or open brace, found ')' (136,17178): run-time error CSS1030: Expected identifier, found '.' (136,17189): run-time error CSS1031: Expected selector, found ')' (136,17189): run-time error CSS1025: Expected comma or open brace, found ')' (136,17250): run-time error CSS1030: Expected identifier, found '.' (136,17261): run-time error CSS1031: Expected selector, found ')' (136,17261): run-time error CSS1025: Expected comma or open brace, found ')' (136,17386): run-time error CSS1030: Expected identifier, found '.' (136,17397): run-time error CSS1031: Expected selector, found ')' (136,17397): run-time error CSS1025: Expected comma or open brace, found ')' (136,17588): run-time error CSS1030: Expected identifier, found '.' (136,17599): run-time error CSS1031: Expected selector, found ')' (136,17599): run-time error CSS1025: Expected comma or open brace, found ')' (136,17784): run-time error CSS1030: Expected identifier, found '.' (136,17795): run-time error CSS1031: Expected selector, found ')' (136,17795): run-time error CSS1025: Expected comma or open brace, found ')' (136,17998): run-time error CSS1030: Expected identifier, found '.' (136,18009): run-time error CSS1031: Expected selector, found ')' (136,18009): run-time error CSS1025: Expected comma or open brace, found ')' (136,18158): run-time error CSS1030: Expected identifier, found '.' (136,18169): run-time error CSS1031: Expected selector, found ')' (136,18169): run-time error CSS1025: Expected comma or open brace, found ')' (136,18326): run-time error CSS1030: Expected identifier, found '.' (136,18337): run-time error CSS1031: Expected selector, found ')' (136,18337): run-time error CSS1025: Expected comma or open brace, found ')' (136,18467): run-time error CSS1030: Expected identifier, found '.' (136,18478): run-time error CSS1031: Expected selector, found ')' (136,18478): run-time error CSS1025: Expected comma or open brace, found ')' (136,18608): run-time error CSS1030: Expected identifier, found '.' (136,18619): run-time error CSS1031: Expected selector, found ')' (136,18619): run-time error CSS1025: Expected comma or open brace, found ')' (136,18731): run-time error CSS1030: Expected identifier, found '.' (136,18742): run-time error CSS1031: Expected selector, found ')' (136,18742): run-time error CSS1025: Expected comma or open brace, found ')' (136,18856): run-time error CSS1030: Expected identifier, found '.' (136,18867): run-time error CSS1031: Expected selector, found ')' (136,18867): run-time error CSS1025: Expected comma or open brace, found ')' (1983,29): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1983,77): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (1988,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1989,22): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1992,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1993,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1994,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1995,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1996,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1998,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1999,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2003,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2004,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2006,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2008,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2013,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2023,180): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (2027,89): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (2028,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (2029,66): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (2030,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (2031,75): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (2031,127): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-checked' (2032,109): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (2033,61): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-disabled' (2033,114): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled' (2034,60): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (2035,148): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (2036,87): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (2036,137): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-hover' (2037,100): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (2041,64): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (2042,63): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color' (2043,62): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline' (2044,73): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked' (2044,126): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (2045,106): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked' (2047,57): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled' (2048,142): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (2049,84): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover' (2049,135): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (2050,97): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover' (2052,72): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (2053,94): run-time error CSS1039: Token not allowed after unary operator: '-font-primary' (2057,63): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2061,161): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2062,39): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2092,39): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2094,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2114,93): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2127,31): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2141,45): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2147,48): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2152,157): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2155,199): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2158,43): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2162,40): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2185,102): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2189,59): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2201,136): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2202,57): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2203,99): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2209,47): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2224,64): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2236,81): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2240,135): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2249,115): run-time error CSS1039: Token not allowed after unary operator: '-color-pink' (2259,115): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2260,47): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2273,119): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2274,96): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2285,93): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2288,76): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2291,31): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2297,109): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2306,65): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2307,43): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2320,43): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2323,129): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2324,129): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2330,53): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2348,36): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2355,121): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2358,79): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2382,45): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2383,34): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2390,125): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2400,68): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2401,88): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2410,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2411,27): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2412,25): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2413,26): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2424,117): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2439,161): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2441,90): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2454,110): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2476,94): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2479,86): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2488,52): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow' (2490,87): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2491,121): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2492,130): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2511,116): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2542,37): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2543,37): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2545,57): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2546,126): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2552,95): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2554,40): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2557,47): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2558,65): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2570,128): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2578,59): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2586,82): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2588,110): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2603,58): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2609,87): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2610,41): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2624,55): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2634,121): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2637,129): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2646,86): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2647,52): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2657,49): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2665,105): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2674,123): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2681,56): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (2690,122): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2691,90): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2692,64): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2716,106): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2719,66): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2720,91): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2738,57): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2738,83): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (2755,39): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2772,123): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2788,46): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2789,47): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2789,90): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2789,137): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2798,111): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2803,117): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2803,190): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2804,83): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (2807,45): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2815,104): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2834,46): run-time error CSS1039: Token not allowed after unary operator: '-color-pink' (2854,100): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2855,46): run-time error CSS1039: Token not allowed after unary operator: '-color-light' (2856,60): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2863,101): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2875,94): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2876,46): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2877,127): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2890,100): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2901,38): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3083,58): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (3084,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark' (3111,26): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3121,26): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (3135,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (3138,166): run-time error CSS1039: Token not allowed after unary operator: '-color-black' */ @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-Thin.eot'); src: url('/content/css/font/MADETOMMY-Thin.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-Thin.woff2') format('woff2'), url('/content/css/font/MADETOMMY-Thin.woff') format('woff'), url('/content/css/font/MADETOMMY-Thin.ttf') format('truetype'), url('/content/css/font/MADETOMMY-Thin.svg#MADETOMMY-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY.eot'); src: url('/content/css/font/MADETOMMY.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY.woff2') format('woff2'), url('/content/css/font/MADETOMMY.woff') format('woff'), url('/content/css/font/MADETOMMY.ttf') format('truetype'), url('/content/css/font/MADETOMMY.svg#MADETOMMY') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-Bold.eot'); src: url('/content/css/font/MADETOMMY-Bold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-Bold.woff2') format('woff2'), url('/content/css/font/MADETOMMY-Bold.woff') format('woff'), url('/content/css/font/MADETOMMY-Bold.ttf') format('truetype'), url('/content/css/font/MADETOMMY-Bold.svg#MADETOMMY-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-Medium.eot'); src: url('/content/css/font/MADETOMMY-Medium.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-Medium.woff2') format('woff2'), url('/content/css/font/MADETOMMY-Medium.woff') format('woff'), url('/content/css/font/MADETOMMY-Medium.ttf') format('truetype'), url('/content/css/font/MADETOMMY-Medium.svg#MADETOMMY-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-Light.eot'); src: url('/content/css/font/MADETOMMY-Light.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-Light.woff2') format('woff2'), url('/content/css/font/MADETOMMY-Light.woff') format('woff'), url('/content/css/font/MADETOMMY-Light.ttf') format('truetype'), url('/content/css/font/MADETOMMY-Light.svg#MADETOMMY-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-Black.eot'); src: url('/content/css/font/MADETOMMY-Black.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-Black.woff2') format('woff2'), url('/content/css/font/MADETOMMY-Black.woff') format('woff'), url('/content/css/font/MADETOMMY-Black.ttf') format('truetype'), url('/content/css/font/MADETOMMY-Black.svg#MADETOMMY-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE TOMMY'; src: url('/content/css/font/MADETOMMY-ExtraBold.eot'); src: url('/content/css/font/MADETOMMY-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/MADETOMMY-ExtraBold.woff2') format('woff2'), url('/content/css/font/MADETOMMY-ExtraBold.woff') format('woff'), url('/content/css/font/MADETOMMY-ExtraBold.ttf') format('truetype'), url('/content/css/font/MADETOMMY-ExtraBold.svg#MADETOMMY-ExtraBold') format('svg'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Ogg'; src: url('/content/css/font/oggbold.eot'); src: url('/content/css/font/oggbold.eot?#iefix') format('embedded-opentype'), url('/content/css/font/oggbold.woff2') format('woff2'), url('/content/css/font/oggbold.woff') format('woff'), url('/content/css/font/oggbold.svg#oggogg_bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Ogg'; src: url('/content/css/font/ogglight.eot'); src: url('/content/css/font/ogglight.eot?#iefix') format('embedded-opentype'), url('/content/css/font/ogglight.woff2') format('woff2'), url('/content/css/font/ogglight.woff') format('woff'), url('/content/css/font/ogglight.svg#ogglight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Ogg'; src: url('/content/css/font/oggmedium.eot'); src: url('/content/css/font/oggmedium.eot?#iefix') format('embedded-opentype'), url('/content/css/font/oggmedium.woff2') format('woff2'), url('/content/css/font/oggmedium.woff') format('woff'), url('/content/css/font/oggmedium.svg#oggmedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Ogg'; src: url('/content/css/font/oggregular.eot'); src: url('/content/css/font/oggregular.eot?#iefix') format('embedded-opentype'), url('/content/css/font/oggregular.woff2') format('woff2'), url('/content/css/font/oggregular.woff') format('woff'), url('/content/css/font/oggregular.svg#oggogg_regular') format('svg'); font-weight: normal; font-style: normal; } .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} 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:#121A1F; 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; } .iti { width:100%; position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/content/images/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("../img/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; } 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-black); font-size:16px; font-family:var(--font-primary), Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; } *::-moz-selection { background:rgba(0,0,0,0.2); } *::selection { background:rgba(0,0,0,0.2); } a { color:var(--color-black); text-decoration:none; } a:hover { color:var(--color-blue); text-decoration:none; } :root { --color-black:#0E0E12; --color-dark:#0F2741; --color-blue:#0F2741; --color-red:#A70000; --color-green:#31AE41; --color-grey:#93949B; --color-yellow:#FFB435; --color-light:#F0F8FC; --font-primary:'MADE TOMMY','Arial'; --input-background-color: #FFF; --input-border-color: #bfbfbf; --input-border-color-inline: #FFF; --input-border-color-checked: #00A678; --input-background-color-checked: #00A678; --input-border-color-inline-checked: #00A678; --input-border-color-disabled: #bfbfbf; --input-background-color-disabled: #F2F2F2; --input-border-color-inline-disabled: #bfbfbf; --input-border-color-hover: #00A678; --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:400; } .input { width:100%; height:50px; padding:0 18px; box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); transition:all 0.3s; background-color:transparent; } .select { background: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 { box-shadow:inset 0 -2px 0 var(--color-green); } textarea.input { padding-top:13px !important; padding-bottom:13px !important; } .button { float:none; height:50px; display:inline-block; padding:0 25px; cursor:pointer; position:relative; color:#FFF; line-height:50px; background-color:var(--color-dark); transition:all 0.25s; overflow:hidden; text-align:left; } .button:hover { background-color:var(--color-red); } .button i { float:right; margin-left:30px; margin-right:-10px; font-size:24px; line-height:50px; } a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; } .promax { float:left; width:100%; position:relative; } .wrap { margin:0 auto; width:1560px; min-height:10px; position:relative; } .wrap-fancybox { width: 400px; max-width: 100%; } .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%; } .w33 { width:33.33334% !important; } .mt30 { margin-top:30px; } .mt20 { margin-top:20px; } .mt10 { margin-top:10px; } .mb30 { margin-bottom:30px; } .mb20 { margin-bottom:20px; } .mb10 { margin-bottom:10px; } .pb30 { padding-bottom:30px; } .pt60 { padding-top:60px !important; } /* Start TOP */ .header { position:fixed; top:0; left:0; right:0; padding:0 60px; z-index:9000; transition:all 0.5s; } .header:hover { background-color:var(--color-dark); } .header::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,rgba(15,39,65,0.8),rgba(15,39,65,0)); } .nav-up , .nav-down { background-color:var(--color-dark); } .header-flex { display:flex; align-items:center; } #logo { position:absolute; top:24px; left:60px; z-index:5000; } #logo a { float:left; padding:11px 0; } #logo img { float:left; height:52px; transition:all 0.5s; } .nav-icon, .d-none { display:none; } .header-right { float:right; width:100%; position:relative; z-index:300; } .header-top { float:right; width:calc(100% - 180px); padding-right:40px; margin-right:-60px; position:relative; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.15); } .header-lang-wrap { float:right; width:70px; padding-left:10px; margin-right:20px; position:relative; z-index:300; font-size:14px; line-height:60px; } .header-lang-wrap::before , .header-social::before , .header-search-wrap::before , .header-call::before { content:""; position:absolute; top:0; bottom:0; left:0; width:1px; background:linear-gradient(180deg,rgba(255,255,255,0),#FFF); opacity:0.12; } .header-lang-icon { float:right; width:100%; height:100%; padding-left:20px; position:relative; color:#FFF; letter-spacing:1px; cursor:pointer; z-index:250; } .header-lang-icon::before { content:""; position:absolute; top:0; right:0; bottom:0; width:12px; background:url(../images/arrow-white-down.png) no-repeat right center / 100% auto; } .header-lang { position:absolute; top:60px; left:10px; width:60px; background-color:var(--color-blue); display:none; z-index:300; text-align:center; } .header-lang::before { content:""; border-bottom:3px solid transparent; border-left:8px solid transparent; border-right:8px solid transparent; height:0; position:absolute; width:0; left:50%; top:-3px; margin-left:-8px; border-bottom-color:var(--color-blue); } .header-lang ul { width:100%; } .header-lang li { width:100%; } .header-lang li a { float:left; width:100%; color:#FFF; line-height:40px; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.1); } .header-lang li:last-child a { box-shadow:none; } .header-lang li a:hover { opacity:0.7; } .header-social { float:right; padding:16px 30px; position:relative; } .header-social ul { float:right; position:relative; } .header-social li { margin-right:12px; } .header-social li:last-child { margin-right:0; } .header-social li a { float:left; color:#FFF; transition:all 0.5s; } .header-social li a:hover { color:var(--color-grey); } .header-social li a i { float:left; font-size:28px; } .header-search-wrap { float:right; position:relative; } .header-search-icon { float:left; position:relative; text-align:center; cursor:pointer; z-index:100; transition:all 0.4s; } .header-search-close { background-color:var(--color-blue); } .header-search-icon i { float:left; width:60px; font-size:28px; color:#FFF; line-height:60px; transition:all 0.25s; } .header-search-close i { font-size:24px; opacity:0.5; } .header-search { position:absolute; top:60px; right:0; width:320px; z-index:90; display:none; } .header-search button , .header-search button i { position:absolute; top:0; right:0; bottom:0; width:50px; font-size:28px; text-align:center; color:var(--color-blue); line-height:50px; z-index:100; } .header-search button:hover i { font-size:24px; } .header-search input { float:left; width:100%; height:50px; padding:0 60px 0 20px; position:relative; font-size:17px; line-height:50px; background-color:#FFF; z-index:50; box-shadow:0 2px 0 var(--color-blue) , 0 0 33px rgba(0,0,0,0.1); } .header-call { float:right; height:60px; padding-left:64px; padding-right:30px; position:relative; color:#FFF; display:flex; align-items:center; transition:all 0.5s; } .header-call:hover { border-color:var(--color-blue); } .header-call i { position:absolute; top:0; left:19px; font-size:24px; line-height:60px; opacity:0.5; } .header-call section { float:right; margin-left:auto; } .header-call a { color:#FFF; transition:all 0.5s; } .header-call a:hover { color:var(--color-blue); } .header-call strong { display:block; font-size:17px; font-weight:500; } .header-call small { display:block; font-size:12px; line-height:16px; } #nav { float:right; width:100%; z-index:200; display:flex; align-items:end; } #nav::before { content:""; float:left; flex:1; height:1px; margin-right:40px; background-color:#FFF; opacity:0.12; } #nav > ul { float:right; margin-left:auto; } #nav > ul > li { margin-right:40px; position:relative; } #nav > ul > li.nav-pro { position:static; transition:all 0.3s; } #nav > ul > li:last-child { margin-right:0; } #nav > ul > li > a { float:left; padding:0 30px; font-size:18px; color:#FFF; line-height:70px; position:relative; transition:all 0.5s; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.12); } #nav > ul > li:hover > a , #nav > ul > li > a.active { box-shadow:inset 0 -1px 0 #FFF; } .nav-menu { position:absolute; top:60px; left:-20px; width:340px; padding:15px 25px; background-color:#FFF; box-shadow:0 30px 50px rgba(0,0,0,0.1); display:none; z-index:10; } .nav-menu > a { float:left; width:100%; padding:10px 30px 10px 0; position:relative; display:flex; align-items:center; } .nav-menu > a picture { float:left; width:64px; margin:-5px 15px -5px -5px; aspect-ratio:1/1; overflow:hidden; transition:all 0.5s; } .nav-menu > a:hover picture { border-radius:50%; } .nav-menu > a picture img { width:100%; height:100%; object-fit:cover; } .nav-menu > a i { position:absolute; top:calc(50% - 10px); right:-5px; width:20px; height:20px; font-size:20px; opacity:0.5; transition:all 0.5s; } .nav-menu > a:hover i { right:-12px; opacity:1; } .nav-menu > a small { flex:1; } .nav-pro .nav-menu { top:120px; left:0; right:0; width:auto; padding:20px; background-color:var(--color-blue); } .nav-pro-menu { float:left; width:100%; display:flex; flex-flow:row wrap; } .nav-pro-menu-item { float:left; flex:1; flex-basis:25%; padding:5px; } .nav-pro-menu-item a { float:left; width:100%; height:100%; padding:20px; background-color:#FFF; transition:all 0.5s; font-size:17px; display:flex; flex-direction:column; } .nav-pro-menu-item a:hover { background-color:var(--color-dark); color:#FFF; } .nav-pro-menu-item a picture { float:left; width:100%; margin-top:auto; } .nav-pro-menu-item a picture img { float:left; height:120px; } .nav-pro-menu-item a section { float:left; width:100%; padding-bottom:20px; margin-bottom:20px; display:flex; align-items:center; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.08); } .nav-pro-menu-item a:hover section { box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2); } .nav-pro-menu-item a section i { float:right; padding-left:10px; margin-left:auto; font-size:20px; } /* Finish TOP */ .fixed-buttons { position:fixed; right:16px; bottom:16px; z-index:8000; } .fixed-buttons i { float:left; width:40px; font-size:24px; line-height:40px; text-align:center; } .fixed-buttons a { color:#FFF; transition:all 0.5s; } .fixed-buttons .fixed-offer , .fixed-buttons .fixed-whatsapp { float:left; padding:4px 10px; margin-right:10px; background-color:var(--color-dark); border-radius:24px; display:flex; align-items:center; } .fixed-buttons .fixed-whatsapp { background-color:var(--color-green); } .fixed-buttons .fixed-offer:hover , .fixed-buttons .fixed-whatsapp:hover { background-color:var(--color-grey); } .fixed-buttons .fixed-offer small , .fixed-buttons .fixed-whatsapp small { float:left; padding:0 15px 0 5px; font-size:18px; } .fixed-buttons .fixed-offer span , .fixed-buttons .fixed-whatsapp span { display:none; } .fixed-buttons section { float:left; padding:4px 10px; background-color:rgba(15,39,65,0.85); border-radius:24px; } .fixed-buttons section a { float:left; } .fixed-buttons section a:hover { color:var(--color-grey); } /* FIXED BUTTONS */ .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; } .slick-prev { left:0; border-radius:0 8px 8px 0; } .slick-next { right:0; background-image:url(../images/arrow-right.png); border-radius:8px 0 0 8px; } .slick-prev:hover , .slick-next:hover { background-color:var(--color-dark); } ul.slick-dots { position:absolute; left:0; right:0; bottom:0; z-index:1000; padding:20px 0; } ul.slick-dots li { float:none; width:30px; height:10px; margin:0 5px; display:inline-block; transition:all 0.3s; } ul.slick-dots li button { float:left; width:100%; height:100%; border-top:4px solid rgba(0,0,0,0); border-bottom:4px solid rgba(0,0,0,0); transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.4; text-align:center; } ul.slick-dots li button:hover { opacity:1 !important; } ul.slick-dots li button::after { content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.3s; } ul.slick-dots li.slick-active button { opacity:1 !important; } ul.slick-dots li.slick-active button::after { background-color:#FFF !important; } .slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; } .slider-hero { float:left; width:100%; position:relative; background-color:var(--color-grey); overflow:hidden; } .slider-hero .slick-list { overflow:hidden; } .slider-hero-item { float:left; width:100%; height:78vh; 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,var(--color-dark),rgba(15,39,65,0),rgba(15,39,65,0.6)); opacity:0.6; z-index:11; } .slider-hero-item::after { display:none; content:""; position:absolute; top:0; left:0; right:36%; bottom:80px; background:url(../images/x.png) no-repeat center / auto 100%; opacity:0.5; z-index:11; } .slider-hero-item picture { float:left; width:100%; height:100%; position:relative; z-index:10; background-position:center; background-size:cover; background-repeat:no-repeat; transition:all 3s; transform-origin:center; transform:scale(1.5); } .slider-hero-item.slick-current picture { transform:scale(1); } .slider-hero-item img { float:left; width:100%; max-height:640px; position:relative; z-index:10; } .slider-title { position:absolute; left:0; right:0; bottom:108px; color:#FFF; z-index:100; } .slider-title small { float:left; width:50%; padding-bottom:21px; font-size:16px; font-weight:700; color:var(--color-pink); letter-spacing:1px; } .slider-title strong { float:left; width:100%; padding-right:50%; font-size:64px; font-weight:700; letter-spacing:-1px; line-height:70px; } .slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; transition:all 3s; } .slider-hero ul.slick-dots { width:780px; left:calc(50% - 780px); padding-bottom:56px; margin-right:780px; background:none; } .slider-hero ul.slick-dots li { float:left; width:120px; height:20px; margin:0 10px 0 0; } .slider-hero ul.slick-dots li button { font-weight:400; color:#FFF; } .hero-offer { position:absolute; left:0; right:0; bottom:60px; } .hero-offer a { float:right; width:240px; padding:15px 15px 15px 30px; position:relative; background-color:var(--color-blue); color:#FFF; transition:all 0.5s; display:flex; align-items:center; z-index:4000; } .hero-offer a:hover { background-color:var(--color-dark) !important; color:#FFF !important; } .hero-offer a strong { font-size:16px; font-weight:400; } .hero-offer a i { float:right; padding-left:15px; margin-left:auto; font-size:24px; line-height:30px; } /* 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-join-wrap { float:left; width:100%; position:relative; z-index:20; overflow:hidden; } .footer-join-wrap::before { content:""; position:absolute; top:50%; bottom:0; left:0; right:0; background-color:var(--color-black); } .footer-join { float:left; width:100%; padding:60px; position:relative; background-color:var(--color-blue); z-index:20; } .footer-join article { float:left; width:100%; margin-bottom:24px; position:relative; font-size:26px; color:#FFF; line-height:30px; } .footer-join section { float:left; width:100%; position:relative; } .footer-join section form { display:flex; align-items:start; gap:20px; } .footer-join section .pro-captcha { width:185px; } .footer-join section .g-recaptcha { transform: scale(0.60); transform-origin: 0 0; -webkit-transform: scale(0.60); -webkit-transform-origin: 0 0; } .footer-join section .g-recaptcha iframe { border-radius:25px; } .footer-join section .input { flex:1; color:#FFF; background-color:transparent; border:1px solid rgba(255,255,255,0.15); box-shadow:none; border-radius:25px; font-size:18px; } .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:60px; padding:0; background-color:var(--color-black) !important; border-radius:25px; } .footer-join section .button i { float:right; width:100%; margin:0 !important; text-align:center; } .footer { float:left; width:100%; position:relative; background-color:var(--color-black); color:#FFF; overflow:hidden; } .footer a { color:#FFF; } .footer a:hover { color:var(--color-blue); } .footer-left { float:left; width:calc(67% - 120px); position:relative; } .footer-left.border { padding-top:60px; padding-bottom:60px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 -1px 0 rgba(255,255,255,0.06); } .footer-right { float:right; width:33%; margin-left:auto; position:relative; } .footer-title { float:left; width:100%; margin-bottom:32px; position:relative; font-size:20px; color:var(--color-light); line-height:24px; } .footer-title i { float:left; margin-right:15px; font-size:24px; color:#FFF; } .footer-connect { float:left; width:100%; margin-top:80px; margin-bottom:80px; position:relative; display:flex; align-items:center; } .footer-logo { float:left; margin-right:40px; } .footer-logo img { float:left; height:50px; } .footer-whatsapp { float:left; } .footer-whatsapp a { float:left; font-size:17px; color:var(--color-green); display:flex; align-items:center; } .footer-whatsapp a:hover { color:var(--color-light); } .footer-whatsapp a i { float:left; width:50px; margin-right:20px; font-size:24px; text-align:center; line-height:48px; border:1px solid rgba(255,255,255,0.1); } .footer-up { float:right; margin-left:auto; text-align:center; } .footer-up i { float:left; width:50px; font-size:24px; line-height:48px; border:1px solid rgba(255,255,255,0.1); cursor:pointer; transition:all 0.5s; } .footer-up i:hover { border-color:#FFF; } .footer-flex { float:left; width:100%; position:relative; display:flex; } .footer-menu { width:calc(50% - 20px); position:relative; } .footer-menu ul { width:100%; display:flex; flex-flow:row wrap; } .footer-menu li { width:100%; } .footer-menu li a { float:left; width:100%; padding:10px 0; font-size:17px; transition:all 0.4s; } .footer-menu li a:hover { color:var(--color-grey) } .footer-contact { float:left; width:100%; height:100%; } .footer-address { float:left; width:100%; padding:60px; padding-right:0 !important; position:relative; background-color:var(--color-blue); } .footer-address::after { content:""; position:absolute; top:0; bottom:0; right:-1200px; width:1200px; background-color:var(--color-blue); } .footer-address section { float:left; width:100%; margin-top:90px; font-size:20px; font-weight:300; line-height:30px; } .footer-contact > ul { width:100%; } .footer-contact > ul > li { width:100%; border-bottom:1px solid rgba(255,255,255,0.06); } .footer-contact > ul > li a { float:left; width:100%; padding:28px 0 28px 60px; font-size:20px; line-height:24px; transition:all 0.5s; } .footer-contact > ul > li a:hover { color:var(--color-grey); } .footer-contact > ul > li a i { float:left; margin-right:15px; font-size:24px; } .footer-social { float:left; text-align:center; } .footer-social li { padding-right:20px; } .footer-social li:last-child { padding-right:0; } .footer-social li a { float:left; border:1px solid rgba(255,255,255,0.1); text-align:center; transition:all 0.5s; } .footer-social li a:hover { border-color:#FFF; } .footer-social li a i { float:left; width:48px; font-size:28px; color:#FFF; line-height:48px; } .footer-social li a:hover i { color:#FFF; } .copyright { float:left; width:100%; padding-top:120px; padding-bottom:120px; position:relative; z-index:10; color:rgba(255,255,255,0.7); display:flex; align-items:center; font-size:14px; } .copyright .left , .copyright .right { float:left; } .copyright .right { float:right; margin-left:auto; text-align:right; visibility:hidden; } .copyright .left a { float:left; margin-right:40px; color:#FFF; } .copyright .left small { float:left; } .copyright .right a { color:var(--color-light); font-weight:500; } .copyright .right a:hover { color:#FFF; } /* Start CONTENT */ .page-title { float:left; width:100%; position:relative; font-size:59px; line-height:70px; z-index:10; } .page-title.line { padding-top:44px; } .page-title.line::before { content:""; position:absolute; top:0; left:0; width:80px; height:2px; background-color:var(--color-yellow); } .page-title.top { padding-top:70px; } .page-title.bottom { padding-bottom:30px; } .page-title section { float:left; width:100%; margin-bottom:30px; color:var(--color-yellow); } .page-title section i { font-size:40px; line-height:40px; } .page-title .in { width:100%; max-width:1200px; margin:0 auto; } .small-title { float:left; width:100%; position:relative; font-size:17px; font-weight:500; letter-spacing:1px; z-index:10; } .block-narrow .small-title { margin-top:13px; text-align:right; } .fs-80 { font-size:80px !important; line-height:120% !important; } .fs-48 { font-size:48px !important; line-height:120% !important; } .fs-35 { font-size:35px !important; line-height:40px !important; } .page-text , .page-summary { float:left; width:100%; position:relative; font-size:19px; font-weight:300; line-height:30px; } .page-summary { font-size:27px; line-height:40px; } .page-text h1 , .page-text h2 , .page-text h3 , .page-text h4 { font-size:36px; font-weight:500; line-height:120%; margin-bottom:20px; } .page-text h2 { font-size:32px; } .page-text h3 { font-size:28px; } .page-text h4 { font-size:24px; } .page-text p { margin-bottom:20px; } .page-text p:last-child { margin-bottom:0; } .page-text b , .page-text strong , .page-summary b , .page-summary strong { font-weight:500; } .page-text a { font-weight:500; color:var(--color-blue); text-decoration:underline; } .page-text a:hover { color:var(--color-dark); text-decoration:none; } .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:30px; margin-bottom:10px; position:relative; } .page-text ul li::before { content:""; position:absolute; top:11px; left:0; width:7px; height:7px; background-color:var(--color-yellow); 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-table { float:left; width:100%; overflow:hidden; } .page-text-table table { width:100%; font-size:16px; line-height:20px; } .page-text-table tbody tr { border-bottom:1px solid rgba(4,51,76,0.1); } .page-text-table tbody tr:nth-child(odd) { background-color:var(--color-light); } .page-text-table table tr th { padding:15px; text-align:left; background-color:var(--color-blue); font-weight:500; color:#FFF; vertical-align:middle; } .page-text-table table tr td { padding:15px; vertical-align:middle; } .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-blue { color:var(--color-blue) !important; } .text-yellow { color:var(--color-yellow) !important; } .text-dark { color:var(--color-dark) !important; } .text-green { color:var(--color-green) !important; } .block-wrap { float:left; width:100%; position:relative; } .block-narrow { float:right; width:23%; position:relative; } .block-wide { float:left; width:77%; padding-right:70px; position:relative; } .block-wrap-revert > .block-narrow { float:left; width:23%; position:relative; } .block-wrap-revert > .block-narrow > .small-title { text-align:left; } .block-wrap-revert > .block-wide { float:right; width:77%; padding-right:70px; position:relative; } .hero-cats-wrap { float:left; width:100%; position:relative; overflow:hidden; } .hero-cats-wrap::before { content:""; position:absolute; top:0; bottom:50%; left:0; right:0; background-color:var(--color-blue); } .hero-projects-wrap::before { display:none; } .hero-cats { float:left; width:100%; padding:45px 45px 0 45px; position:relative; z-index:10; } .hero-projects { margin-bottom:40px; } .hero-cats > ul { width:100%; display:flex; flex-flow:row wrap; } .hero-cats > ul > li { width:20%; padding:0 15px; } .hero-cats > ul > li:nth-child(even) { margin-top:30px; } .hero-projects > ul > li:nth-child(even) { margin-top:0 !important; } .hero-cat-item { float:left; width:100%; position:relative; color:#FFF; overflow:hidden; } .hero-cat-item:hover { color:#FFF; } .hero-cat-item picture { float:left; width:100%; position:relative; aspect-ratio:34/56; overflow:hidden; } .hero-cats.square .hero-cat-item picture { aspect-ratio:7/8; } .hero-cat-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; } .hero-cat-item:hover picture img { transform:scale(1.4,1.4); } .hero-cat-item section { position:absolute; left:0; right:0; bottom:0; padding:110px 35px 25px 30px; background:linear-gradient(180deg,rgba(15,39,65,0.0),var(--color-dark)); } .hero-cat-item section strong { float:left; width:100%; padding-bottom:10px; font-size:20px; font-weight:500; line-height:120%; } .hero-cat-item section small { float:left; font-size:16px; font-weight:400; color:var(--color-light); display:flex; align-items:center; } .hero-cat-item section small i { margin-left:7px; font-size:20px; transition:all 0.5s; } .hero-cat-item:hover section small i { margin-left:20px; } .hero-cat-item section span { float:left; width:100%; margin-top:5px; font-size:14px; } .hero-project-item picture { aspect-ratio:34/48; } .hero-project-item section { bottom:auto; top:0; padding-top:25px; padding-bottom:100px; background:linear-gradient(0deg,rgba(15,39,65,0.0),rgba(15,39,65,0.8)); } .hero-project-item section strong { font-size:23px; } .hero-project-item section small { color:#FFF; } .block-promax { float:left; width:100%; margin-top:20px; position:relative; } .block-promax .left { position:absolute; top:0; bottom:0; left:0; width:50%; background-size:cover; background-position:center; background-repeat:no-repeat; } .block-promax .left::before { content:""; position:absolute; left:0; right:-1px; top:0; bottom:0; background:url(../images/promax-left.png) no-repeat right 0 / auto 100%; pointer-events:none; } .block-promax .right { float:right; width:50%; padding:100px 80px; position:relative; background-color:var(--color-dark); color:#FFF; } .block-promax .right::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/promax-right.png) no-repeat 0 0 / auto 100%; pointer-events:none; } .block-promax .right .page-text { margin:15% 0; } .welcome-wrap { float:left; width:100%; position:relative; box-shadow:inset 0 -1px 0 rgba(0,139,195,0.1); overflow:hidden; } .welcome-wrap::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background-color:rgba(0,139,198,0.1); } .welcome-wrap::after { content:""; position:absolute; top:0; bottom:0; left:0; right:2.5%; background:url(../images/x.png) no-repeat right top / auto 100%; pointer-events:none; opacity:0.1; } .welcome-left { float:left; width:50%; padding-top:120px; padding-right:80px; padding-bottom:80px; position:relative; } .welcome-right { float:left; width:50%; position:relative; } .lp-wrap { float:left; width:100%; position:relative; box-shadow:inset 0 -1px 0 rgba(0,139,195,0.1); overflow:hidden; } .lp-left { float:left; width:50%; padding-top:40px; padding-right:80px; padding-bottom:80px; position:relative; } .lp-right { float:left; width:50%; position:relative; } .promax-stats { float:left; width:100%; position:relative; z-index:10; } .promax-stats ul { width:100%; position:relative; } .promax-stats li { width:100%; padding:60px 0 60px 80px; position:relative; display:flex; align-items:center; } .promax-stats li::after { content:""; position:absolute; bottom:0; left:0; right:-50%; height:1px; background-color:rgba(0,139,198,0.1); } .promax-stats li:last-child::after { display:none; } .promax-stats li strong { float:left; flex:1; font-size:80px; font-weight:500; color:var(--color-blue); letter-spacing:-1px; line-height:100%; } .promax-stats li section { float:right; margin-left:auto; text-align:right; } .promax-stats li picture { float:right; margin-bottom:20px; } .promax-stats li picture i { float:left; width:40px; font-size:40px; color:var(--color-yellow); line-height:40px; } .promax-stats li small { float:left; width:100%; font-size:23px; line-height:24px; } .why-promax { float:left; width:100%; position:relative; } .why-promax > ul { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-flow:row wrap; } .why-promax > ul > li { width:33.33334%; padding:0 15px; margin-bottom:30px; } .why-item { float:left; width:100%; height:100%; padding:40px; padding-bottom:0 !important; position:relative; display:flex; flex-direction:column; } .why-item picture { float:left; width:100%; margin-bottom:20px; } .why-item picture i { font-size:48px; color:var(--color-yellow); } .why-item section { float:left; width:100%; margin-top:auto; } .why-item section article { float:left; width:100%; padding-bottom:30px; color:var(--color-dark); line-height:24px; box-shadow:inset 0 -1px 0 rgba(0,139,198,0.1); } .why-item section strong { float:left; padding:25px 0; position:relative; font-size:21px; font-weight:400; color:var(--color-blue); line-height:30px; } .why-item section strong::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background-color:var(--color-blue); border-radius:3px 3px 0 0; } .fw-700 { font-weight:700; } .fw-500 { font-weight:500; } .fw-400 { font-weight:400; } .fw-300 { font-weight:300; } .fw-100 { font-weight:100; } .block-flexed { float:left; width:100%; position:relative; display:flex; } .align-center { align-items:center; } .flex-left { float:left; width:50%; padding-right:80px; position:relative; } .flex-right { float:right; width:50%; position:relative; } .flex-photo { float:left; width:100%; max-width:600px; overflow:hidden; } .flex-photo img { width:100%; height:100%; object-fit:cover; object-position:center; } .gallery { float:left; width:100%; position:relative; overflow:hidden; } .gallery ul { width:calc(100% + 12px); margin-left:-6px; } .gallery li { width:33.33334%; padding:0 6px; margin-bottom:12px; position:relative; } .gallery li a { float:left; width:100%; position:relative; overflow:hidden; transition:all 0.5s; } .gallery li a::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-dark); 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%; aspect-ratio:5/3; transition:all 1.5s; overflow:hidden; } .gallery li a img { width:100%; height:100%; object-fit:cover; object-position:center; } .gallery li a:hover picture { transform:scale(1.2,1.2); } .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; } .block-blue { background-color:var(--color-blue); } .block-dark { background-color:var(--color-black); } .block-light { position:relative; background-color:var(--color-light); } .block-light-world { position:relative; background:url(../images/bg-world.png) no-repeat center fixed; background-color:var(--color-light); } .border-bottom { box-shadow:inset 0 -1px 0 rgba(0,139,198,0.1); } .link-cta { float:left; width:100%; position:relative; } .link-cta.center { display:flex; justify-content:center; } .link-cta a { float:left; min-width:240px; height:48px; padding:3px 3px 3px 23px; color:var(--color-blue); letter-spacing:0.5px; line-height:40px; border:1px solid rgba(0,139,198,0.2); transition:all 0.3s; border-radius:24px; } .link-cta a.light { color:#FFF; border-color:rgba(255,255,255,0.2); } .link-cta a:hover { border-color:var(--color-blue); } .link-cta a.light:hover { border-color:#FFF; } .link-cta a i { float:right; width:40px; margin-left:15px; border-radius:50%; text-align:center; font-size:24px; line-height:40px; transition:all 0.5s; } .link-cta a:hover i { background-color:var(--color-blue); color:#FFF; } .link-cta a.light:hover i { background-color:#FFF; color:var(--color-dark); } .grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); } .grayscale:hover { filter:none; -webkit-filter:none; } .news-list { float:left; width:100%; position:relative; overflow:hidden; } .news-list ul { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-flow:row wrap; } .news-list ul > li { width:33.33334%; padding:0 15px; margin-bottom:30px; } .news-item { float:left; width:100%; position:relative; aspect-ratio:48/34; overflow:hidden; } .news-item:hover { color:#FFF; } .news-item::after , .why-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-blue); opacity:0.2; transition:all 1s; pointer-events:none; } .news-item:hover::after , .why-item:hover::after { opacity:1 !important; } .news-item picture { position:absolute; top:0; bottom:0; left:0; right:0; transform:scale(1.25,1.25); transition:all 2s; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0; } .news-item:hover picture { transform:scale(1,1); opacity:1; } .news-item picture::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; transition:all 0.7s; } .news-item:hover picture::before { bottom:100%; } .news-item picture::after { content:""; position:absolute; top:50%; left:50%; width:800px; height:800px; margin:-400px 0 0 -400px; background-color:#FFF; opacity:0; transition:all 1.5s; border-radius:50%; transform:scale(0,0); } .news-item:hover picture::after { background-color:var(--color-dark); opacity:0.5; transform:scale(1,1); } .news-item strong { position:absolute; left:0; right:0; top:0; padding:33px 40px 22px 40px; font-size:25px; font-weight:400; line-height:30px; z-index:10; transition:all 0.5s; } .news-item section { position:absolute; bottom:0; left:0; right:0; padding:20px 40px; font-size:13px; font-weight:500; letter-spacing:1px; display:flex; align-items:center; z-index:10; } .news-item section::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background-color:#000; opacity:0.06; transition:all 1s; } .news-item:hover section::before { background-color:#FFF; opacity:1 !important; } .news-item section i { float:left; font-size:60px; font-weight:300; color:var(--color-blue); line-height:100%; transition:all 0.3s; } .news-item:hover section i { color:#FFF; } .news-item section span { float:right; margin-left:auto; text-align:right; transition:all 0.3s; color:var(--color-grey); } .news-item:hover section span { color:#FFF; } .news-list.dark .news-item::after { border-color:#FFF; opacity:0.1; } .news-list.dark .news-item strong { color:#FFF; } .news-list.dark .news-item section i { color:rgba(255,255,255,0.4); } .news-list.dark .news-item section::before { background-color:#FFF; opacity:0.1; transition:all 0.3s; } .news-wrap { float:left; width:100%; position:relative; } .news-top { float:left; width:100%; position:relative; display:flex; } .news-info { float:left; width:20%; padding:30px 0; position:relative; box-shadow:inset 0 1px 0 rgba(0,139,198,0.1); } .news-title { float:right; flex:1; margin-left:120px; position:relative; } .news-date { float:left; position:relative; color:var(--color-grey); } .news-date small { opacity:0.7; } .page-share { float:left; width:100%; margin-top:20px; position:relative; } .page-share li { margin-right:10px; } .page-share li:last-child { margin-right:0; } .page-share li a { float:left; transition:all 0.5s; text-align:center; color:var(--color-grey); } .page-share li a:hover { color:var(--color-dark); } .page-share li a i { float:left; width:40px; font-size:24px; line-height:40px; } .news-photo { float:left; width:100%; position:relative; } .news-photo picture { float:left; width:100%; max-height:600px; position:relative; aspect-ratio:2/1; overflow:hidden; } .news-photo img { width:100%; height:100%; object-fit:cover; } .news-block { float:left; width:100%; position:relative; margin-bottom:60px; } .news-block iframe { width:100%; aspect-ratio:16/9; } .news-sidebar-menu { float:left; width:100%; position:relative; box-shadow:inset 0 -1px 0 rgba(0, 139, 198, 0.1); } .news-sidebar-menu > ul { width:100%; padding:15px 0; } .news-sidebar-menu > ul > li { width:100%; } .news-sidebar-menu > ul > li a { float:left; width:100%; padding:10px 20px 10px 0; position:relative; font-weight:500; transition:all 0.4s; } .news-sidebar-menu > ul > li a.active { color:var(--color-blue); } .news-sidebar-menu > ul > li a i { position:absolute; top:calc(50% - 10px); right:10px; font-size:20px; transition:all 0.4s; opacity:0; border-radius:50%; } .news-sidebar-menu > ul > li a.active i { right:0; opacity:1; } .page-text img { max-width:100%; height:auto; } .promax-experience { float:right; } .promax-experience img { float:left; width:100%; max-width:392px; } .sub-top { float:left; width:100%; position:relative; } .sub-top-in { float:left; width:100%; padding-top:160px; padding-bottom:60px; position:relative; background-color:var(--color-dark); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; z-index:40; } .sub-top .wrap { z-index:100; } .sub-top-in.slim { height:120px; padding-top:0 !important; padding-bottom:0 !important; } .sub-top-in::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,var(--color-dark),rgba(15,39,65,0.4)); opacity:0.75; z-index:10; } .sub-top-in::after { display:none; content:""; position:absolute; top:0; left:0; right:56%; bottom:0; background:url(../images/x.png) no-repeat center / auto 100%; opacity:0.5; z-index:11; } .breadcrumb { float:left; width:100%; padding:20px 0; position:relative; font-size:14px; letter-spacing:0.5px; overflow:hidden; box-shadow:inset 0 -1px 0 rgba(0,139,198,0.1); } .breadcrumb::after { content:""; position:absolute; top:2px; bottom:2px; right:0; width:96px; background-image:linear-gradient(90deg,rgba(255,255,255,0.0),#FFF 80%); } .breadcrumb section { float:left; width:500%; height:20px; } .breadcrumb a , .breadcrumb i , .breadcrumb strong { float:left; } .breadcrumb a { opacity:0.7; } .breadcrumb a:hover { text-decoration:underline; } .breadcrumb i { float:left; margin:0 16px; font-size:20px; opacity:0.4; color:var(--color-blue); } .breadcrumb strong { font-weight:500; color:var(--color-dark); } #video-promo-out { float:left; width:100%; height:180vh; padding:0 170px; position:relative; z-index:1000; } .video-promo { float:left; width:100%; height:50vh; position:relative; transition:all 0.5s; } .play-video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; overflow:hidden; } .certificates { float:left; width:100%; margin-top:20px; text-align:center; position:relative; z-index:100; overflow:hidden; } .certificates ul { width:calc(100% + 30px); margin-left:-15px; overflow:hidden; display:flex; flex-flow:row wrap; } .certificates li { width:25%; padding:0 15px; margin-bottom:30px; position:relative; } .certificates li a { float:left; width:100%; height:100%; padding:29px; border:1px solid rgba(0,139,198,0.15); transition:all 0.5s; } .certificates li a:hover { border-color:var(--color-blue); } .certificates li a picture { float:left; width:100%; } .certificates li a picture img { float:left; width:100%; } .cat-list { float:left; width:100%; position:relative; } .cat-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; } .cat-list > ul > li { width:33.33334%; padding:0 20px; margin-bottom:40px; position:relative; } .cat-item { float:left; width:100%; height:100%; padding:30px; position:relative; background-color:var(--color-light); display:flex; flex-direction:column; transition:all 0.5s; } .cat-item:hover { background-color:#FFF; box-shadow:0 7px 33px rgba(0,0,0,0.08); } .cat-item picture { float:left; width:100%; mix-blend-mode:multiply; overflow:hidden; } .catalog-list .cat-item picture { margin-bottom:10px; mix-blend-mode:initial; aspect-ratio:5/7; } .cat-item picture img { width:100%; height:100%; padding:0 20px; object-fit:cover; transform-origin:bottom center; transition:all 1s; } .catalog-list .cat-item picture img { padding:0; } .cat-item:hover picture img { transform:scale(1.1,1.1); } .cat-item-title { float:left; width:100%; margin-top:15px; font-size:25px; font-weight:500; line-height:30px; } .cat-item-spec { float:left; width:100%; margin-top:8px; margin-bottom:19px; font-size:13px; font-weight:400; color:var(--color-grey); } .catalog-list .cat-item-spec { font-size:15px; } .cat-item-spec small { float:left; margin-right:15px; margin-bottom:5px; } .cat-item-spec small:last-child { margin-right:0; } .cat-item-spec small i { float:left; margin-right:3px; line-height:20px; } .cat-item-cta { float:left; width:100%; padding:10px 15px 10px 25px; margin-top:auto; letter-spacing:0.5px; background-color:#FFF; border-radius:20px; transition:all 0.5s; } .cat-item:hover .cat-item-cta { background-color:var(--color-red); color:#FFF; } .cat-item-cta i { float:right; font-size:20px; transition:all 0.25s; } .cat-item:hover .cat-item-cta i { margin-right:-5px; } .product-sidebar { float:left; width:200px; position:relative; box-shadow:inset 0 1px 0 rgba(0,139,198,0.1),inset 0 -1px 0 rgba(0,139,198,0.1); } .page-navigation { float:left; width:200px; position:relative; box-shadow:inset 0 1px 0 rgba(0,139,198,0.1),inset 0 -1px 0 rgba(0,139,198,0.1); } .page-navigation > ul { width:100%; padding:15px 0; } .page-navigation > ul > li { width:100%; } .page-navigation > ul > li a { float:left; width:100%; padding:8px 10px; display:flex; align-items:center; color:var(--color-blue); border-radius:8px; transition:all 0.5s; } .page-navigation > ul > li a:hover , .page-navigation > ul > li a.active { color:var(--color-dark); } .page-navigation > ul > li a.active { background-color:var(--color-light); } .page-navigation > ul > li a i { float:left; margin-right:12px; font-size:24px; } .page-navigation > ul > li a small { flex:1; } .product-content { float:right; width:calc(100% - 260px); position:relative; } .product-hero { float:left; width:100%; position:relative; display:flex; align-items:center; overflow:hidden; } .product-photo { float:left; width:calc(50% - 60px); position:relative; aspect-ratio:1/1; overflow:hidden; } .rectangle { aspect-ratio:4/3; } .product-photo img { width:100%; height:100%; object-fit:cover; } .product-hero-right { float:right; width:50%; margin-left:auto; position:relative; } .product-hero-right .page-text { font-size:17px; line-height:24px; } .product-hero-right .page-text p { margin-bottom:12px; } .product-highlights { margin-top:30px; position:relative; } .product-highlights > ul { width:100%; display:flex; flex-flow:row wrap; gap:20px; } .product-highlights > ul > li { width:calc(50% - 10px); } .highlight-item { float:left; width:100%; display:flex; align-items:center; gap:12px; } .highlight-item > i { font-size:32px; color:#008BC7; } .highlight-item > strong { flex:1; font-weight:500; } .product-section { float:left; width:100%; position:relative; margin-top:80px; } .product-table { float:left; width:100%; position:relative; overflow:hidden; overflow-x:auto; color:var(--color-dark); } .product-table table { width:100%; } .product-table tbody tr { border-bottom:1px solid rgba(4,51,76,0.1); } .product-table tbody tr:nth-child(odd) { background-color:var(--color-light); } .product-table table tr th { padding:15px 20px; text-align:left; background-color:var(--color-blue); color:#FFF; } .product-table table tr td { padding:15px 20px; vertical-align:middle; } .product-table table tr td:first-child { font-weight:500; } .product-video { float:left; width:100%; position:relative; aspect-ratio:16/9; overflow:hidden; } .service-list { float:left; width:100%; margin-top:40px; position:relative; z-index:100; overflow:hidden; } .service-list > ul { width:100%; } .service-list > ul > li { width:100%; padding:40px 0; position:relative; border-top:1px solid rgba(0,139,198,0.1); } .service-item { float:left; width:100%; position:relative; display:flex; align-items:center; } .service-item picture { float:left; width:30%; max-width:400px; aspect-ratio:1/1; overflow:hidden; } .service-item picture img { width:100%; height:100%; object-fit:cover; } .service-item section { float:left; flex:1; padding-left:60px; } .service-item section .page-text { margin:30px 0; } .service-item section .page-text ul { width:100%; max-width:800px; } .service-item section .page-text ul li { width:50%; padding-left:24px; margin-bottom:2px; font-size:16px; line-height:24px; } .service-item section .page-text ul li::before { top:8px; } .service-item section .link-cta a { border-color:var(--color-green); color:var(--color-green); } .promax-projects { float:left; width:100%; padding:0 !important; position:relative; } .promax-projects > ul { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-flow:row wrap; } .promax-projects > ul > li { width:33.33334%; padding:0 15px; margin-bottom:30px; } .promax-projects.landing-page > ul > li { width:25%; padding:0 15px; margin-bottom:30px; } .promax-projects.landing-page > ul > li .hero-cat-item { color:inherit; } .promax-projects.landing-page > ul > li .hero-cat-item strong { float:left; width:100%; font-size:25px; font-weight:400; color:#fff; line-height:36px; position:relative; } .promax-projects.landing-page > ul > li .hero-cat-item span { color:#fff; } .promax-projects > ul > li .hero-cat-item picture { aspect-ratio:4/5 !important; } .promax-references { float:left; width:100%; position:relative; overflow:hidden; } .promax-references > ul { width:calc(100% + 30px); margin-left:-15px; display:flex; flex-flow:row wrap; } .promax-references > ul > li { width:16.66667%; padding:0 15px; margin-bottom:30px; } .ref-item { float:left; width:100%; padding:19px; text-align:center; border:1px solid rgba(0,139,198,0.15); } .ref-item:hover { border-color:var(--color-blue); } .ref-item picture { float:left; width:100%; max-width:240px; max-height:120px; aspect-ratio:2/1; overflow:hidden; } .ref-item picture img { width:100%; height:100%; object-fit:cover; } /* 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:0; } .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%; margin-bottom:25px; position:relative; font-weight:500; font-size:17px; color:var(--color-dark); } .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 #999; 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-section-title { float:left; width:100%; padding:20px 40px 20px 20px; margin-bottom:15px; position:relative; font-size:19px; font-weight:500; border:1px solid rgba(0,0,0,0.08); z-index:10; transition:all 0.5s; } .accordion-section-title:hover { color:var(--color-blue); } .accordion-section-title.active { color:var(--color-blue) !important; border-color:var(--color-blue) !important; background-color:var(--color-light) !important; } .accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; } .accordion-section-title.active::after { transform:rotate(180deg); } .accordion-section-title section { float:left; } .accordion-section-content { float:left; width:100%; padding:0 20px; margin-top:10px; margin-bottom:40px; position:relative; display:none; } .contact-wrap { float:left; width:100%; padding:9px; border:1px solid rgba(4,51,76,0.2); margin-bottom:40px; position:relative; display:flex; border-radius:16px; overflow:hidden; } .contact-map { float:left; width:100%; padding:9px; margin-top:30px; position:relative; border:1px solid var(--color-grey); aspect-ratio:4/2; } .contact-info { float:left; width:100%; } .contact-info section { float:left; width:100%; padding-left:64px; margin-bottom:25px; position:relative; display:flex; align-items:center; } .contact-info section:last-child { margin-bottom:0; } .contact-info section i { position:absolute; top:calc(50% - 20px); left:0; width:40px; font-size:24px; color:var(--color-blue); line-height:40px; text-align:center; background-color:var(--color-light); border-radius:50%; } .contact-info section span { float:left; width:100%; font-size:17px; color:var(--color-dark); line-height:30px; } .social-media { width:100%; padding:0 !important; margin:10px 0 0 0 !important; background:transparent !important; } .social-media li a { background-color:var(--color-light); } .contact-photo { float:left; width:100%; height:100%; overflow:hidden; } .contact-photo img { width:100%; height:100%; object-fit:cover; } .contact-form { float:left; width:100%; margin-top:30px; position:relative; } .offer-form , .catalog-form { margin-top:0; } .form-item { float:left; width:50%; padding:0 15px; margin-bottom:30px; position:relative; color:var(--color-grey); } .form-item:last-child { margin-bottom:0; } .form-item a { text-decoration:underline; } .form-item a:hover { text-decoration:none; } .upload { float:left; width:100%; height:50px; position:relative; text-align:center; } .upload span { float:left; width:100%; height:100%; position:relative; color: #FFF; font-weight:500; font-size:16px; line-height:50px; z-index:2; background-color:#B0BAC4; } .upload:hover span { background-color:var(--color-pink); } .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:16px; line-height:48px; color:var(--color-grey); transition:all 0.5s; border-radius:50%; } .pages li a:hover { background-color:var(--color-light); } .pages li a.current { color:#FFF; background-color:var(--color-blue); } .page-filter { float:left; width:100%; max-width:960px; margin-top:30px; position:relative; display:flex; flex-flow:row wrap; gap: 20px; } .page-filter section { flex:1; flex-basis:calc(50% - 100px); } .page-filter section:nth-child(even) { margin-left:auto; } .page-filter .button { width:160px; margin-left:auto; } .product-code { float:left; padding:5px 12px; margin-bottom:22px; color:#FFF; background-color:var(--color-blue); } .blog-list { float:left; width:100%; overflow:hidden; } .blog-list ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; } .blog-list ul > li { width:25%; padding:0 20px; margin-bottom:61px; } .home-blog ul > li { width:33.33334%; padding:0 20px; margin-bottom:61px; } .blog-item { float:left; width:100%; position:relative; transition:all 0.3s; } .blog-item picture { float:left; width:100%; position:relative; aspect-ratio:40/25; z-index:5; overflow:hidden; } .blog-item img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; } .blog-item:hover picture img { transform:scale(1.25,1.25); } .blog-item span { float:left; width:100%; margin:25px 0 18px 0; font-weight:400; color:var(--color-grey); letter-spacing:1px; font-size:14px; } .blog-item span i { float:left; color:var(--color-black); transition:all 0.3s; } .blog-item span i::after { content:""; float:right; width:30px; height:1px; margin:10px 20px 0 20px; background-color:var(--color-blue); transition:all 0.5s; } .blog-item:hover span i::after { width:60px; } .blog-item strong { float:left; width:100%; font-size:25px; font-weight:400; line-height:36px; position:relative; } .promax-products > ul > li { margin-bottom:60px; } .promax-products > ul > li .hero-cat-item picture { aspect-ratio:4/3 !important; } .promax-product-list { float:left; width:100%; padding:15px; position:relative; border-bottom:2px solid rgba(4,51,76,0.05); } .promax-product-list > ul { width:100%; } .promax-product-list > ul > li { width:100%; margin:5px 0; } .promax-product-list > ul > li a { float:left; width:100%; padding:2px 0; display:flex; align-items:center; font-size:17px; } .promax-product-list > ul > li a small { float:left; flex:1; padding-right:10px; } .promax-product-list > ul > li a i { float:right; margin-left:auto; font-size:20px; color:var(--color-blue); transition:0.3s; } .promax-product-list > ul > li a:hover i { margin-right:-5px; } .reveal { position:relative; transform:translateY(170px); opacity:0; transition:1.3s all ease; } .reveal.active { transform:translateY(0); opacity:1; } .pro-logos { float:left; width:100%; margin-top:20px; text-align:center; position:relative; z-index:100; overflow:hidden; } .pro-logos > ul { width:calc(100% + 24px); margin-left:-12px; overflow:hidden; display:flex; flex-flow:row wrap; } .pro-logos > ul > li { width:25%; padding:0 12px; margin-bottom:24px; position:relative; } .logo-item { float:left; width:100%; height:100%; padding:9px; border:1px solid rgba(0,139,198,0.2); background-color:#FFF; transition:all 0.5s; } .logo-item:hover { border-color:var(--color-blue); } .logo-item picture { float:left; width:100%; display:flex; align-items:center; justify-content:center; } .logo-item picture img { float:left; width:100%; max-width:100px; } @media only screen and (max-width:1720px) { .wrap { width:1440px; } #nav::before , #nav > ul > li { margin-right:30px; } #nav > ul > li > a { padding:0 20px; } .slider-title { bottom:78px; } .slider-title strong { font-size:47px; line-height:50px; } .slider-hero ul.slick-dots { width:720px; left:calc(50% - 720px); padding-bottom:36px; margin-right:720px; } .hero-offer { bottom:40px; } } @media only screen and (max-width:1580px) { .wrap { width:1320px; } .header { padding:0 40px; } #logo { left:40px; } .header-top { width:calc(100% - 170px); padding-right:20px; margin-right:-40px; } .slider-hero ul.slick-dots { width:660px; left:calc(50% - 660px); margin-right:660px; } .hero-cats { padding:30px 25px 0 25px; } .block-promax .right { padding:70px 50px; } .block-promax .right .page-text { margin:10% 0; } .promax-stats li { padding:40px 0 40px 60px; } .promax-stats li strong { font-size:60px; } .welcome-left { padding-top:80px; padding-right:40px; padding-bottom:40px; } .page-title { font-size:53px; line-height:60px; } .fs-48 { font-size:40px !important; } .fs-35 { font-size:30px !important; line-height:120% !important; } .news-item strong { padding:23px 30px 22px 30px; font-size:20px; line-height:120%; } .news-item section { padding:15px 30px; } .news-item section i { font-size:47px; } .why-item { padding:30px; } .why-item section strong { padding:15px 0; font-size:17px; } .flex-left , .block-wide { padding-right:40px; } .sub-top-in { padding-top:280px; padding-bottom:40px; } .news-title { margin-left:80px; } .promax-references > ul > li { width:20%; } } @media only screen and (max-width:1400px) { .wrap { width:1200px; } .slider-hero ul.slick-dots { width:600px; left:calc(50% - 600px); margin-right:600px; } .top-150 { padding-top:100px; } .top-100 { padding-top:75px; } .top-50 { padding-top:35px; } .bottom-150 { padding-bottom:100px; } .bottom-100 { padding-bottom:75px; } .bottom-50 { padding-bottom:35px; } #nav > ul > li > a { font-size:16px; } .footer-join { padding:40px; } .footer-connect { margin-top:50px; margin-bottom:50px; } .footer-menu li a { padding:7px 0; font-size:16px; } .footer-left.border { padding-top:40px; padding-bottom:40px; } .footer-address { padding:40px; } .footer-address section { margin-top:40px; } .footer-contact > ul > li a { padding:25px 0 25px 40px; font-size:16px; } .copyright { padding-top:60px; } .footer-left { width:calc(67% - 60px); } .hero-projects { margin-bottom:30px; } .certificates li { width:33.33334%; } .product-content { width:calc(100% - 240px); } .product-photo { width:calc(50% - 40px); } .blog-list ul > li { width:33.33334%; } .home-blog ul > li { width:50%; } } @media only screen and (max-width:1280px) { .wrap { float:left; width:100%; padding:0 30px; } .header { padding:0 30px; } .header-social { padding:16px 25px; } #logo { left:30px; } .slider-title { bottom:60px; } .slider-hero ul.slick-dots { width:auto; left:30px; right:30px; padding-bottom:26px; margin-right:0; } .slider-hero ul.slick-dots li { width:80px; } .hero-offer { bottom:30px; } .hero-offer a { width:200px; padding:10px 10px 10px 20px; } .hero-cats { padding-left:15px; padding-right:15px; } .hero-cats > ul > li { padding:0 8px; } .hero-cats > ul > li:nth-child(even) { margin-top:16px; } .hero-cat-item section { padding:80px 20px 15px 20px; } .hero-project-item section { padding-top:20px; padding-bottom:80px; } #nav::before , #nav > ul > li { margin-right:20px; } #nav > ul > li > a { padding:0 12px; } .footer-join , .footer-address { padding:30px; } .footer-left.border { padding-top:30px; padding-bottom:30px; } .footer-title { margin-bottom:20px; } .footer-contact > ul > li a { padding-left:30px; } .page-text { font-size:17px; line-height:26px; } .page-summary { font-size:23px; line-height:30px; } .block-promax .right { padding:40px 30px; } .block-promax .right .page-text { margin:5% 0; } .link-cta a { min-width:200px; } .promax-stats li { padding:20px 0 20px 30px; } .page-title { font-size:44px; line-height:50px; } .page-title.line { padding-top:24px; } .page-title.top { padding-top:50px; } .page-title.bottom { padding-bottom:20px; } .promax-stats li strong { font-size:50px; } .promax-stats li picture { margin-bottom:10px; } .promax-stats li small { font-size:16px; line-height:20px; } .welcome-left { padding-top:30px; padding-right:30px; padding-bottom:30px; } .footer-left { width:calc(67% - 30px); } .footer-menu { width:calc(50% - 12px); } .block-wide { padding-right:30px; } .news-info { width:25%; } .news-title { margin-left:40px; } .service-list > ul > li { padding:30px 0; } .service-item section { padding-left:30px; } .service-item section .page-text { margin:20px 0; } .blog-list ul { width:calc(100% + 30px); margin-left:-15px; } .blog-list ul > li { padding:0 15px; } } @media only screen and (max-width:1200px) { #nav > ul > li:first-child { display:none; } .slider-title strong { padding-right:35%; } .copyright .left a { margin-right:20px; } .fixed-buttons .fixed-offer small , .fixed-buttons .fixed-whatsapp small { padding:0 12px 0 3px; font-size:16px; } .footer-join article { margin-bottom:15px; font-size:20px; line-height:24px; } .sub-top-in { padding-top:250px; padding-bottom:20px; } .promax-projects > ul > li { width:33.33334%; } .promax-references > ul > li { width:25%; } } @media only screen and (max-width:1023px) { *::-webkit-scrollbar { display:none; } * { scrollbar-width:none; -ms-overflow-style:none; } .header { height:70px; padding:0 0 0 20px; } .header::before { background:linear-gradient(180deg,var(--color-dark),rgba(15,39,65,0)); } .nav-opened .header { background-color:var(--color-dark); } .w33 { width: 100% !important; } #logo { position:relative; top:auto; left:auto; flex:1; } #logo a { padding:10px 0; } #logo img { height:40px; } .header-right { width:auto; } .header-top { width:auto; padding-right:0; margin-right:0; box-shadow:none; } .header-social , .header-call , .header-lang-wrap::before , .header-social::before , .header-search-wrap::before , .header-call::before { display:none; } .header-lang-wrap { width:60px; padding-left:0; } .nav-icon { float:right; width:80px; height:70px; margin:0; position:relative; top:0; cursor:pointer; display:block; text-indent:-9999px; } .nav-icon span { position:absolute; top:50%; left:50%; width:34px; height:2px; margin:-1px 0 0 -17px; 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-blue); } .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-blue); } .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-black); } #nav { position:fixed; top:70px; bottom:0; left:0; right:0; width:auto; height:calc(100vh - 70px); padding:30px 30px 110px 30px; display:none; background-color:var(--color-black); overflow-y:auto; z-index:20; } #nav > ul { width:100%; border-top:1px solid rgba(255,255,255,0.07); } #nav > ul > li { width:100%; margin-right:0; position:relative !important; border-bottom:1px solid rgba(255,255,255,0.07); } #nav > ul > li:first-child { display:block; } #nav > ul > li.nav-multi::after { content:""; position:absolute; top:0; right:10px; width:14px; height:70px; background:url(../images/arrow-white-down.png) no-repeat right 52% / 100% auto; transition:all 0.3s; } #nav > ul > li > a { width:100%; padding:0 20px; color:#FFF; font-size:21px; letter-spacing:1px; line-height:70px; box-shadow:none; } #nav > ul > li.nav-multi > a::after { display:none; } .nav-menu { float:left; width:100% !important; position:relative !important; top:auto !important; left:auto !important; right:auto !important; margin-bottom:20px; display:none; } .nav-menu > a { font-size:17px; } .nav-opened { overflow:hidden; } .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-flexed , .in , .news-top { display:block; } .flex-left { width:100%; padding-right:0; } .flex-right { width:100%; margin-top:20px; } .flex-right:first-child , .block-wide:first-child { margin-top:0; } .block-narrow { width:100%; } .block-narrow .small-title { margin-top:0; text-align:left; } .block-wide { width:100%; margin-top:25px; padding-right:0; } .block-wrap-revert > .block-narrow { width:100%; } .block-wrap-revert > .block-wide { width:100%; margin-top:25px; padding-right:0; } .promax-experience { float:left; } .slider-hero-item { height:auto; min-height:initial; aspect-ratio:4/3; } .slider-hero-item::after { right:25%; bottom:33%; } .slider-hero ul.slick-dots li { width:48px; } .news-list ul , .why-promax > ul { width:calc(100% + 20px); margin-left:-10px; } .news-list ul > li { width:50%; padding:0 10px; margin-bottom:20px; } .why-promax > ul > li { padding:0 10px; margin-bottom:20px; } .hero-cats { width:100%; padding-left:30px; padding-right:30px; overflow:hidden; overflow-x:auto; white-space:nowrap; } .hero-cats > ul { float:none; display:block; width:100%; margin-left:0; } .hero-cats > ul > li { float:none; display:inline-block; width:280px; padding:0 20px 0 0; margin:0 !important; white-space:normal; } .hero-cats > ul > li:last-child { margin:0 10px 0 0 !important; } .footer-join article { font-size:18px; } .footer-connect , .footer-flex , .copyright { display:block; } .footer-left , .footer-right , .copyright .left { width:100%; } .copyright .right { float:left; margin-top:15px; } .footer-connect { margin-top:40px; margin-bottom:40px; } .footer-connect .footer-left { margin-bottom:30px; } .footer-logo { margin-right:0; } .footer-logo img { padding:5px 0; } .footer-whatsapp { float:right; } .footer-whatsapp a { display:block; line-height:50px; } .footer-whatsapp a i { float:right; margin-right:0; margin-left:15px; } .sub-top-in::after { right:20%; } .news-info { width:100%; } .news-title { width:100%; margin-left:0; margin-bottom:10px; } .certificates li , .promax-projects.landing-page > ul > li , .promax-projects > ul > li { width:50%; } .page-text-table { overflow-x:auto; } .page-text-table table { min-width:680px; font-size:14px; } .promax-references > ul { width:calc(100% + 20px); margin-left:-10px; } .promax-references > ul > li { width:33.33334%; padding:0 10px; margin-bottom:20px; } .contact-photo iframe { aspect-ratio:5/3; } .product-sidebar { width:100%; display:none; } .product-content { width:100%; } .catalog-form { margin-top:30px; } .blog-list ul > li { width:50%; } /* .reveal { transform:initial; opacity:1 !important; } */ .sub-top-in.slim { height:70px; } .reverse { display:flex; flex-direction:column; gap:40px; } .reverse .flex-left { order:2; } .reverse .flex-right { order:1; } .landing-form { margin-top:0; } .pro-logos > ul { width:calc(100% + 12px); margin-left:-6px; } .pro-logos > ul > li { padding:0 6px; margin-bottom:12px; } } @media only screen and (max-width:767px) { .sub-top-in.slim{ height: 80px; } .footer-join section form { flex-direction:column; gap:20px; } .footer-join section .input { flex:auto; } .footer-join section .pro-captcha , .footer-join section .button�{ width:100%; } .slider-title strong { padding-right:8%; padding-bottom:40px; font-size:40px; line-height:45px; } .welcome-wrap::before { display:none; } .welcome-left { width:100%; padding-right:0; } .welcome-right { width:100%; } .lp-left { width:100%; padding-right:0; } .lp-right { width:100%; } .promax-stats ul::before { content:""; position:absolute; top:0; left:-50%; right:-50%; height:1px; background-color:rgba(0,139,198,0.1); } .promax-stats li { padding-left:0; } .promax-stats li::after { left:-50%; } .why-promax > ul > li { width:100%; } .block-promax .left { float:left; width:100%; position:relative; top:auto; bottom:auto; left:auto; aspect-ratio:2/1; } .block-promax .left::before { display:none; } .block-promax .right , .news-list ul > li { width:100%; } .news-list ul > li { margin-bottom:30px; } .sub-top-in { padding-top:33%; } .service-item { display:block; } .service-item picture , .product-photo { width:100%; } .service-item section { width:100%; padding-left:0; padding-top:25px; } .product-hero { display:block; } .product-hero-right { width:100%; margin-top:25px; } .product-section { margin-top:50px; } .product-table table tr td { padding:12px 16px; font-size:14px; } .accordion-section-title { padding:15px 35px 15px 15px; margin-bottom:12px; font-size:17px; } .accordion-section-content { padding:0 15px; margin-top:5px; margin-bottom:30px; } } @media only screen and (max-width:640px) { .slider-title strong { font-size:33px; line-height:36px; } .hero-offer { bottom:20px; } .hero-offer .wrap { padding-right:20px; } .footer-menu { width:100%; } .footer-menu.fl { margin-bottom:30px; } .footer-menu.fl li , .gallery li { width:50%; } .copyright .left small { width:100%; margin-top:15px; } .fixed-buttons { left:12px; right:12px; bottom:12px; display:flex; align-items:center; } .fixed-buttons .fixed-offer , .fixed-buttons .fixed-whatsapp { flex:1; margin-right:6px; } .fixed-buttons .fixed-offer small , .fixed-buttons .fixed-whatsapp small { display:none; } .fixed-buttons .fixed-offer span , .fixed-buttons .fixed-whatsapp span { display:block; width:100%; font-size:13px; line-height:16px; text-align:center; } .certificates li a { padding:19px; } .gallery li a picture { aspect-ratio:4/3; } .blog-list ul > li { width:100%; } } @media only screen and (max-width:540px) { .slider-hero-item , .news-photo picture , .contact-photo iframe { aspect-ratio:1/1; max-height:420px; } .footer-logo img { padding:10px 0; } .footer-social li { padding-right:12px; } .certificates li , .promax-projects.landing-page > ul > li, .promax-projects > ul > li , .form-item { width:100%; } .form-item { margin-bottom:20px; } .promax-references > ul > li { width:50%; } .page-filter section { flex-basis:100%; } .page-filter .button { width:100%; } } @media only screen and (max-width:440px) { #logo img { padding:3px 0; } .nav-icon { width:70px; } .header-search-wrap { position:static; } .header-search { right:10px; width:calc(100vw - 20px); } .slider-title strong { padding-bottom:0; padding-right:0; font-size:27px; line-height:32px; letter-spacing:-0.4px; } .hero-offer { display:none; } .sub-top-in { padding-top:160px; } .service-item section .page-text ul li , .service-item section .link-cta a { width:100%; } } @media only screen and (max-width:374px) { #logo img { padding:8px 0; } .nav-icon { width:60px; } }