/* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2") format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { font-family: "Open Sans", sans-serif; font-weight: normal; font-style: normal; } h1, h2, h3 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-style: normal; } /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: bold; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .row { display: flex; flex-wrap: wrap; width: auto; min-width: 0; } .row::after { content: ""; display: table; clear: both; } .row [class^="col-"] { display: flex; flex-direction: column; justify-content: space-between; min-height: 1px; } .row .col-sm-1 { width: 8.3333333333%; } .row .col-sm-2 { width: 16.6666666667%; } .row .col-sm-3 { width: 25%; } .row .col-sm-4 { width: 33.3333333333%; } .row .col-sm-5 { width: 41.6666666667%; } .row .col-sm-6 { width: 50%; } .row .col-sm-7 { width: 58.3333333333%; } .row .col-sm-8 { width: 66.6666666667%; } .row .col-sm-9 { width: 75%; } .row .col-sm-10 { width: 83.3333333333%; } .row .col-sm-11 { width: 91.6666666667%; } .row .col-sm-12 { width: 100%; } @media (min-width: 769px) { .row .col-md-1 { width: 8.3333333333%; } .row .col-md-offset-1 { margin-left: 8.3333333333%; } } @media (min-width: 769px) { .row .col-md-2 { width: 16.6666666667%; } .row .col-md-offset-2 { margin-left: 16.6666666667%; } } @media (min-width: 769px) { .row .col-md-3 { width: 25%; } .row .col-md-offset-3 { margin-left: 25%; } } @media (min-width: 769px) { .row .col-md-4 { width: 33.3333333333%; } .row .col-md-offset-4 { margin-left: 33.3333333333%; } } @media (min-width: 769px) { .row .col-md-5 { width: 41.6666666667%; } .row .col-md-offset-5 { margin-left: 41.6666666667%; } } @media (min-width: 769px) { .row .col-md-6 { width: 50%; } .row .col-md-offset-6 { margin-left: 50%; } } @media (min-width: 769px) { .row .col-md-7 { width: 58.3333333333%; } .row .col-md-offset-7 { margin-left: 58.3333333333%; } } @media (min-width: 769px) { .row .col-md-8 { width: 66.6666666667%; } .row .col-md-offset-8 { margin-left: 66.6666666667%; } } @media (min-width: 769px) { .row .col-md-9 { width: 75%; } .row .col-md-offset-9 { margin-left: 75%; } } @media (min-width: 769px) { .row .col-md-10 { width: 83.3333333333%; } .row .col-md-offset-10 { margin-left: 83.3333333333%; } } @media (min-width: 769px) { .row .col-md-11 { width: 91.6666666667%; } .row .col-md-offset-11 { margin-left: 91.6666666667%; } } @media (min-width: 769px) { .row .col-md-12 { width: 100%; } .row .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 961px) { .row .col-lg-1 { width: 8.3333333333%; } .row .col-lg-offset-1 { margin-left: 8.3333333333%; } } @media (min-width: 961px) { .row .col-lg-2 { width: 16.6666666667%; } .row .col-lg-offset-2 { margin-left: 16.6666666667%; } } @media (min-width: 961px) { .row .col-lg-3 { width: 25%; } .row .col-lg-offset-3 { margin-left: 25%; } } @media (min-width: 961px) { .row .col-lg-4 { width: 33.3333333333%; } .row .col-lg-offset-4 { margin-left: 33.3333333333%; } } @media (min-width: 961px) { .row .col-lg-5 { width: 41.6666666667%; } .row .col-lg-offset-5 { margin-left: 41.6666666667%; } } @media (min-width: 961px) { .row .col-lg-6 { width: 50%; } .row .col-lg-offset-6 { margin-left: 50%; } } @media (min-width: 961px) { .row .col-lg-7 { width: 58.3333333333%; } .row .col-lg-offset-7 { margin-left: 58.3333333333%; } } @media (min-width: 961px) { .row .col-lg-8 { width: 66.6666666667%; } .row .col-lg-offset-8 { margin-left: 66.6666666667%; } } @media (min-width: 961px) { .row .col-lg-9 { width: 75%; } .row .col-lg-offset-9 { margin-left: 75%; } } @media (min-width: 961px) { .row .col-lg-10 { width: 83.3333333333%; } .row .col-lg-offset-10 { margin-left: 83.3333333333%; } } @media (min-width: 961px) { .row .col-lg-11 { width: 91.6666666667%; } .row .col-lg-offset-11 { margin-left: 91.6666666667%; } } @media (min-width: 961px) { .row .col-lg-12 { width: 100%; } .row .col-lg-offset-12 { margin-left: 100%; } } :root { --color-bg: #ffffff; --color-bg--rgb: 255, 255, 255; --color-bg-hover: #f7f7f7; --color-bg-hover--rgb: 247, 247, 247; --color-text: #1e1e1e; --color-text--rgb: 30, 30, 30; --color-text-hover: #1e1e1e; --color-text-hover--rgb: 30, 30, 30; --color-header: #1e1e1e; --color-header--rgb: 30, 30, 30; --color-link: #656565; --color-link--rgb: 101, 101, 101; --color-border: #1e1e1e40; --color-border--rgb: 30, 30, 30; --color-border-bright: #1e1e1e80; --color-border-bright--rgb: 30, 30, 30; --color-button-bg: #1e1e1e; --color-button-bg--rgb: 30, 30, 30; --color-button-bg-hover: #656565; --color-button-bg-hover--rgb: 101, 101, 101; --color-button-text: #ffffff; --color-button-text--rgb: 255, 255, 255; --color-button-text-hover: #ffffff; --color-button-text-hover--rgb: 255, 255, 255; --color-button-outline: #1e1e1e; --color-button-outline--rgb: 30, 30, 30; --color-button-outline-bg-hover: #1e1e1e; --color-button-outline-bg-hover--rgb: 30, 30, 30; --color-button-outline-text-hover: #ffffff; --color-button-outline-text-hover--rgb: 255, 255, 255; --color-form-bg: #1e1e1e0d; --color-form-bg--rgb: 30, 30, 30; --color-form-placeholder: #1e1e1e66; --color-form-placeholder--rgb: 30, 30, 30; --color-accent-bg: #f7f7f7; --color-accent-bg--rgb: 247, 247, 247; --color-accent-bg-hover: #ffffff; --color-accent-bg-hover--rgb: 255, 255, 255; --color-accent-text: #1e1e1e; --color-accent-text--rgb: 30, 30, 30; --color-accent-text-hover: #1e1e1e; --color-accent-text-hover--rgb: 30, 30, 30; --color-accent-header: #1e1e1e; --color-accent-header--rgb: 30, 30, 30; --color-accent-link: #656565; --color-accent-link--rgb: 101, 101, 101; --color-accent-border: #1e1e1e40; --color-accent-border--rgb: 30, 30, 30; --color-accent-border-bright: #1e1e1e80; --color-accent-border-bright--rgb: 30, 30, 30; --color-accent-button-bg: #1e1e1e; --color-accent-button-bg--rgb: 30, 30, 30; --color-accent-button-bg-hover: #656565; --color-accent-button-bg-hover--rgb: 101, 101, 101; --color-accent-button-text: #ffffff; --color-accent-button-text--rgb: 255, 255, 255; --color-accent-button-text-hover: #ffffff; --color-accent-button-text-hover--rgb: 255, 255, 255; --color-accent-button-outline: #1e1e1e; --color-accent-button-outline--rgb: 30, 30, 30; --color-accent-button-outline-bg-hover: #1e1e1e; --color-accent-button-outline-bg-hover--rgb: 30, 30, 30; --color-accent-button-outline-text-hover: #ffffff; --color-accent-button-outline-text-hover--rgb: 255, 255, 255; --color-accent-form-bg: #ffffff; --color-accent-form-bg--rgb: 255, 255, 255; --color-accent-form-placeholder: #1e1e1e66; --color-accent-form-placeholder--rgb: 30, 30, 30; --color-contrast-bg: #1e1e1e; --color-contrast-bg--rgb: 30, 30, 30; --color-contrast-bg-hover: #ffffff1a; --color-contrast-bg-hover--rgb: 255, 255, 255; --color-contrast-text: #ffffff; --color-contrast-text--rgb: 255, 255, 255; --color-contrast-text-hover: #ffffff; --color-contrast-text-hover--rgb: 255, 255, 255; --color-contrast-header: #ffffff; --color-contrast-header--rgb: 255, 255, 255; --color-contrast-link: #c6c6c6; --color-contrast-link--rgb: 198, 198, 198; --color-contrast-border: #ffffff40; --color-contrast-border--rgb: 255, 255, 255; --color-contrast-border-bright: #ffffff80; --color-contrast-border-bright--rgb: 255, 255, 255; --color-contrast-button-bg: #ffffff; --color-contrast-button-bg--rgb: 255, 255, 255; --color-contrast-button-bg-hover: #c6c6c6; --color-contrast-button-bg-hover--rgb: 198, 198, 198; --color-contrast-button-text: #1e1e1e; --color-contrast-button-text--rgb: 30, 30, 30; --color-contrast-button-text-hover: #1e1e1e; --color-contrast-button-text-hover--rgb: 30, 30, 30; --color-contrast-button-outline: #ffffff; --color-contrast-button-outline--rgb: 255, 255, 255; --color-contrast-button-outline-bg-hover: #ffffff; --color-contrast-button-outline-bg-hover--rgb: 255, 255, 255; --color-contrast-button-outline-text-hover: #1e1e1e; --color-contrast-button-outline-text-hover--rgb: 30, 30, 30; --color-contrast-form-bg: #ffffff1a; --color-contrast-form-bg--rgb: 255, 255, 255; --color-contrast-form-placeholder: #ffffff66; --color-contrast-form-placeholder--rgb: 255, 255, 255; --color-contrast-menu-text-hover: #c6c6c6; --color-contrast-menu-text-hover--rgb: 198, 198, 198; } body[color-scheme="light"] { --color-bg: #ffffff; --color-bg--rgb: 255, 255, 255; --color-bg-hover: #f7f7f7; --color-bg-hover--rgb: 247, 247, 247; --color-text: #1e1e1e; --color-text--rgb: 30, 30, 30; --color-text-hover: #1e1e1e; --color-text-hover--rgb: 30, 30, 30; --color-header: #1e1e1e; --color-header--rgb: 30, 30, 30; --color-link: #656565; --color-link--rgb: 101, 101, 101; --color-border: #1e1e1e40; --color-border--rgb: 30, 30, 30; --color-border-bright: #1e1e1e80; --color-border-bright--rgb: 30, 30, 30; --color-button-bg: #1e1e1e; --color-button-bg--rgb: 30, 30, 30; --color-button-bg-hover: #656565; --color-button-bg-hover--rgb: 101, 101, 101; --color-button-text: #ffffff; --color-button-text--rgb: 255, 255, 255; --color-button-text-hover: #ffffff; --color-button-text-hover--rgb: 255, 255, 255; --color-button-outline: #1e1e1e; --color-button-outline--rgb: 30, 30, 30; --color-button-outline-bg-hover: #1e1e1e; --color-button-outline-bg-hover--rgb: 30, 30, 30; --color-button-outline-text-hover: #ffffff; --color-button-outline-text-hover--rgb: 255, 255, 255; --color-form-bg: #1e1e1e0d; --color-form-bg--rgb: 30, 30, 30; --color-form-placeholder: #1e1e1e66; --color-form-placeholder--rgb: 30, 30, 30; --color-accent-bg: #f7f7f7; --color-accent-bg--rgb: 247, 247, 247; --color-accent-bg-hover: #ffffff; --color-accent-bg-hover--rgb: 255, 255, 255; --color-accent-text: #1e1e1e; --color-accent-text--rgb: 30, 30, 30; --color-accent-text-hover: #1e1e1e; --color-accent-text-hover--rgb: 30, 30, 30; --color-accent-header: #1e1e1e; --color-accent-header--rgb: 30, 30, 30; --color-accent-link: #656565; --color-accent-link--rgb: 101, 101, 101; --color-accent-border: #1e1e1e40; --color-accent-border--rgb: 30, 30, 30; --color-accent-border-bright: #1e1e1e80; --color-accent-border-bright--rgb: 30, 30, 30; --color-accent-button-bg: #1e1e1e; --color-accent-button-bg--rgb: 30, 30, 30; --color-accent-button-bg-hover: #656565; --color-accent-button-bg-hover--rgb: 101, 101, 101; --color-accent-button-text: #ffffff; --color-accent-button-text--rgb: 255, 255, 255; --color-accent-button-text-hover: #ffffff; --color-accent-button-text-hover--rgb: 255, 255, 255; --color-accent-button-outline: #1e1e1e; --color-accent-button-outline--rgb: 30, 30, 30; --color-accent-button-outline-bg-hover: #1e1e1e; --color-accent-button-outline-bg-hover--rgb: 30, 30, 30; --color-accent-button-outline-text-hover: #ffffff; --color-accent-button-outline-text-hover--rgb: 255, 255, 255; --color-accent-form-bg: #ffffff; --color-accent-form-bg--rgb: 255, 255, 255; --color-accent-form-placeholder: #1e1e1e66; --color-accent-form-placeholder--rgb: 30, 30, 30; --color-contrast-bg: #1e1e1e; --color-contrast-bg--rgb: 30, 30, 30; --color-contrast-bg-hover: #ffffff1a; --color-contrast-bg-hover--rgb: 255, 255, 255; --color-contrast-text: #ffffff; --color-contrast-text--rgb: 255, 255, 255; --color-contrast-text-hover: #ffffff; --color-contrast-text-hover--rgb: 255, 255, 255; --color-contrast-header: #ffffff; --color-contrast-header--rgb: 255, 255, 255; --color-contrast-link: #c6c6c6; --color-contrast-link--rgb: 198, 198, 198; --color-contrast-border: #ffffff40; --color-contrast-border--rgb: 255, 255, 255; --color-contrast-border-bright: #ffffff80; --color-contrast-border-bright--rgb: 255, 255, 255; --color-contrast-button-bg: #ffffff; --color-contrast-button-bg--rgb: 255, 255, 255; --color-contrast-button-bg-hover: #c6c6c6; --color-contrast-button-bg-hover--rgb: 198, 198, 198; --color-contrast-button-text: #1e1e1e; --color-contrast-button-text--rgb: 30, 30, 30; --color-contrast-button-text-hover: #1e1e1e; --color-contrast-button-text-hover--rgb: 30, 30, 30; --color-contrast-button-outline: #ffffff; --color-contrast-button-outline--rgb: 255, 255, 255; --color-contrast-button-outline-bg-hover: #ffffff; --color-contrast-button-outline-bg-hover--rgb: 255, 255, 255; --color-contrast-button-outline-text-hover: #1e1e1e; --color-contrast-button-outline-text-hover--rgb: 30, 30, 30; --color-contrast-form-bg: #ffffff1a; --color-contrast-form-bg--rgb: 255, 255, 255; --color-contrast-form-placeholder: #ffffff66; --color-contrast-form-placeholder--rgb: 255, 255, 255; --color-contrast-menu-text-hover: #c6c6c6; --color-contrast-menu-text-hover--rgb: 198, 198, 198; } :root { color-scheme: light dark; } body { --color-text-muted: rgba(var(--color-text--rgb), 0.75); --color-text-light: rgba(var(--color-text--rgb), 0.4); --color-subheader: var(--color-header); --color-accent-subheader: var(--color-accent-header); --color-contrast-subheader: var(--color-contrast-header); --color-menu-bg: var(--color-bg); --color-menu-bg--rgb: var(--color-bg--rgb); --color-menu-text: var(--color-text); --color-menu-text-muted: rgba(var(--color-text--rgb), 0.6); --color-menu-separator: rgba(var(--color-text--rgb), 0.5); --color-menu-text-hover: var(--color-menu-text-muted); --color-submenu-bg: var(--color-bg); --color-submenu-text: var(--color-text); --color-submenu-text-hover: rgba(var(--color-text--rgb), 0.6); --color-form-text: var(--color-text); --color-form-success-bg: rgba(108, 155, 142, 0.2); --color-form-error-bg: rgba(195, 157, 59, 0.2); --color-form-underline: var(--color-border); --color-checkbox-bg: var(--color-button-bg); --color-checkbox-text: var(--color-button-text); } body.-menu-accent { --color-menu-bg: var(--color-accent-bg); --color-menu-bg--rgb: var(--color-accent-bg--rgb); --color-menu-text: var(--color-accent-text); --color-menu-text-muted: rgba(var(--color-accent-text--rgb), 0.6); --color-menu-separator: rgba(var(--color-accent-text--rgb), 0.5); --color-submenu-bg: var(--color-accent-bg); --color-submenu-text: var(--color-accent-text); --color-submenu-text-hover: rgba(var(--color-accent-text--rgb), 0.6); } body.-menu-contrast { --color-menu-bg: var(--color-contrast-bg); --color-menu-bg--rgb: var(--color-contrast-bg--rgb); --color-menu-text: var(--color-contrast-text); --color-menu-text-hover: var(--color-contrast-menu-text-hover); --color-menu-text-muted: rgba(var(--color-contrast-text--rgb), 0.6); --color-menu-separator: rgba(var(--color-contrast-text--rgb), 0.5); --color-submenu-bg: var(--color-contrast-bg); --color-submenu-text: var(--color-contrast-text); --color-submenu-text-hover: var(--color-contrast-menu-text-hover); } body.-menu-transparent { --color-menu-bg: transparent; --color-menu-text: #fff; --color-menu-text--rgb: 255, 255, 255; --color-menu-text-hover: rgba(255, 255, 255, 0.75); --color-menu-text-muted: rgba(255, 255, 255, 0.5); --color-menu-separator: rgba(255, 255, 255, 0.5); } body.-accent-headers { --color-header: var(--color-accent-link); --color-subheader: var(--color-accent-link); --color-accent-header: var(--color-accent-link); --color-accent-subheader: var(--color-accent-link); } body.-accented { --color-subheader: var(--color-link); --color-accent-subheader: var(--color-accent-link); --color-contrast-subheader: var(--color-contrast-link); } body.-color-scheme:not(.-accented) { --color-button-outline: var(--color-text); --color-accent-button-outline: var(--color-accent-text); --color-contrast-button-outline: var(--color-contrast-text); } .sections-container.-background-image, .sections-container.-background-video { --color-bg: #000; --color-border: #fff; --color-text: #fff; --color-text--rgb: 255, 255, 255; --color-header: #fff; --color-subheader: #fff; --color-link: #fff; --color-button-text: #000; --color-button-bg: var(--color-header); --color-button-outline: var(--color-header); --color-button-outline-bg-hover: var(--color-header); --color-button-outline-text-hover: var(--color-button-text); --color-form-bg: rgba(var(--color-text--rgb), 0.1); --color-form-underline: var(--color-border); --color-form-placeholder: rgba(var(--color-text--rgb), 0.4); --color-checkbox-bg: var(--color-button-bg); --color-checkbox-text: var(--color-button-text); } .sections-container.-background-accent { --color-bg: var(--color-accent-bg); --color-bg-hover: var(--color-accent-bg-hover); --color-text: var(--color-accent-text); --color-text--rgb: var(--color-accent-text--rgb); --color-text-hover: var(--color-accent-text-hover); --color-text-muted: rgba(var(--color-accent-text--rgb), 0.75); --color-text-light: rgba(var(--color-accent-text--rgb), 0.4); --color-header: var(--color-accent-header); --color-subheader: var(--color-accent-subheader); --color-link: var(--color-accent-link); --color-border: var(--color-accent-border); --color-border-bright: var(--color-accent-border-bright); --color-button-text: var(--color-accent-button-text); --color-button-text-hover: var(--color-accent-button-text-hover); --color-button-bg: var(--color-accent-button-bg); --color-button-bg-hover: var(--color-accent-button-bg-hover); --color-button-outline: var(--color-accent-button-outline); --color-button-outline-bg-hover: var(--color-accent-button-outline-bg-hover); --color-button-outline-text-hover: var(--color-accent-button-outline-text-hover); --color-form-bg: var(--color-accent-form-bg); --color-form-underline: var(--color-accent-border); --color-form-placeholder: var(--color-accent-form-placeholder); --color-checkbox-bg: var(--color-accent-button-bg); --color-checkbox-text: var(--color-accent-button-text); } .sections-container.-background-contrast { --color-bg: var(--color-contrast-bg); --color-bg-hover: var(--color-contrast-bg-hover); --color-text: var(--color-contrast-text); --color-text--rgb: var(--color-contrast-text--rgb); --color-text-hover: var(--color-contrast-text-hover); --color-text-muted: rgba(var(--color-contrast-text--rgb), 0.75); --color-text-light: rgba(var(--color-contrast-text--rgb), 0.4); --color-header: var(--color-contrast-header); --color-subheader: var(--color-contrast-subheader); --color-link: var(--color-contrast-link); --color-border: var(--color-contrast-border); --color-border-bright: var(--color-contrast-border-bright); --color-button-text: var(--color-contrast-button-text); --color-button-text-hover: var(--color-contrast-button-text-hover); --color-button-bg: var(--color-contrast-button-bg); --color-button-bg-hover: var(--color-contrast-button-bg-hover); --color-button-outline: var(--color-contrast-button-outline); --color-button-outline-bg-hover: var(--color-contrast-button-outline-bg-hover); --color-button-outline-text-hover: var(--color-contrast-button-outline-text-hover); --color-form-bg: var(--color-contrast-form-bg); --color-form-underline: var(--color-contrast-border); --color-form-placeholder: var(--color-contrast-form-placeholder); --color-checkbox-bg: var(--color-button-bg); --color-checkbox-text: var(--color-contrast-button-text); } .page-footer .inner, .page-header > .inner, .sections-container .sections-container-inner { max-width: calc(100% - 25px * 2); position: relative; width: 1200px; margin: 0 auto; } .page-footer .inner::after, .page-header > .inner::after, .sections-container .sections-container-inner::after { content: ""; display: table; clear: both; } .-hidden { display: none; } .age-restriction-informer { display: none; position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-bg); } .age-restriction-informer.is-visible { display: block; } .age-restriction-informer-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 60vw; height: 100%; margin: 0 auto; } .age-restriction-informer-content { margin-bottom: 50px; text-align: center; } .age-restriction-informer-buttons { display: flex; } .age-restriction-informer-buttons .button { min-width: 180px; } .age-restriction-informer-buttons > *:not(:last-child) { margin-right: 20px; } .arrow { display: block; position: relative; left: 0; width: 25px; height: 1px; margin: 0 auto; transition: width 0.3s; background-color: var(--color-text); } .arrow::after, .arrow::before { content: ""; position: absolute; right: -1px; width: 6px; height: 1px; background-color: var(--color-text); } .arrow::after { top: -2px; transform: rotate(45deg); } .arrow::before { top: 2px; transform: rotate(-45deg); } .arrow.-left::after, .arrow.-left::before { right: auto; left: -1px; } .arrow.-left::after { transform: rotate(-45deg); } .arrow.-left::before { transform: rotate(45deg); } .arrow-container:hover .arrow { width: 64px; } .background-video { position: relative; width: 100%; height: 100%; overflow: hidden; line-height: 0; pointer-events: none; } .background-video iframe { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; visibility: hidden; } .background-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .background-video .background-video-preview { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; z-index: 10; min-width: 100%; min-height: 100%; transition: opacity 1s ease-out, transform 1s ease-out; -o-object-fit: cover; object-fit: cover; } .background-video.-playing .background-video-preview { transform: scale(1.2); opacity: 0; } .background-video.-playing iframe { visibility: visible; } .background-video.-overlay::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 1; background: rgba(0, 0, 0, 0.35); } .branding { font-size: 12px; } .branding a { color: var(--color-text); text-decoration: underline; } .branding a:hover { text-decoration: none; } .button { display: inline-flex; position: relative; align-items: center; justify-content: center; min-width: 140px; height: auto; margin: 0; padding: 18px 34px; overflow: hidden; border: 1px solid var(--color-button-bg); border-radius: 100px; outline: none; background: var(--color-button-bg); color: var(--color-button-text); font-size: 12px; letter-spacing: 0.1em; line-height: 1.5; text-decoration: none; text-transform: uppercase; cursor: pointer; } .button:hover { border-color: transparent; background: var(--color-button-bg-hover); color: var(--color-button-text-hover); } .button.-outline { border-color: var(--color-button-outline); background: transparent; color: var(--color-button-outline); } .button.-outline:hover { border-color: var(--color-button-outline-bg-hover); background: var(--color-button-outline-bg-hover); color: var(--color-button-outline-text-hover); } .button[disabled] { opacity: 0.5; cursor: not-allowed; } .button i { margin-right: 0.5em; font-size: 1.15em; font-weight: normal; } .checkbox { display: flex; align-items: baseline; } .checkbox-notice { margin-left: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .checkbox input[type="checkbox"] { position: relative; top: -2px; line-height: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkbox input[type="checkbox"]::before { content: "\f00c" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 900 !important; display: inline-block; visibility: visible; width: 15px; height: 15px; transition: background 0.15s, border-color 0.15s, color 0.15s; border: 1px solid var(--color-border); border-radius: 1px; color: transparent; font-size: 7.5px; line-height: 13px; text-align: center; } .checkbox input[type="checkbox"]:checked::before { border-color: transparent; background: var(--color-checkbox-bg); color: var(--color-checkbox-text); } .comment-form { display: flex; } .comment-form-avatar { margin-left: 60px; text-align: center; } .comment-form-avatar .avatar-container { position: relative; width: 160px; height: 160px; margin-bottom: 20px; border-radius: 50%; background-color: var(--color-form-bg); } .comment-form-avatar .avatar-container > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--color-form-placeholder); font-size: 48px; } .comment-form-avatar .avatar-container > .placeholder { position: absolute; width: 160px; height: 160px; border-radius: 50%; background-size: cover; } .comment-form-button { text-decoration: underline; cursor: pointer; } .comment-form-button:hover { text-decoration: none; } .cover .cover-arrow, .cover .cover-down-arrow { border: 0; outline: none; background: transparent; cursor: pointer; } .cover-arrows { display: inline-flex; align-items: center; color: #fff; font-size: 12px; } .cover-arrows .cover-arrow { padding: 18px 0; cursor: pointer; } .cover-arrows .cover-arrow .arrow { width: 120px; transition: width 0.3s, margin 0.3s, background-color 0.3s; } .cover-arrows .cover-arrow .arrow.-left { margin-left: 20px; } .cover-arrows .cover-arrow .arrow.-right { margin-right: 20px; } .cover-arrows .cover-arrow .arrow, .cover-arrows .cover-arrow .arrow::after, .cover-arrows .cover-arrow .arrow::before { background-color: #fff; } .cover-arrows .cover-arrow:hover .arrow { width: 140px; margin: 0; } .cover-arrows.-small { margin-bottom: -11px; } .cover-arrows .cover-count { padding: 0 60px; white-space: nowrap; } .cover-arrows .cover-current-slide { margin-right: 47px; } .cover-arrows .cover-total-slides { position: relative; } .cover-arrows .cover-total-slides::before { content: ""; display: block; position: absolute; top: -12px; left: -23px; width: 1px; height: 40px; transform: rotate(30deg); background-color: #fff; } .cover-arrows.-small { padding: 0; } .cover-arrows.-small .cover-arrow .arrow { width: 90px; } .cover-arrows.-small .cover-arrow .arrow, .cover-arrows.-small .cover-arrow .arrow::after, .cover-arrows.-small .cover-arrow .arrow::before { background-color: rgba(255, 255, 255, 0.5); } .cover-arrows.-small .cover-arrow .arrow.-left { margin-left: 10px; } .cover-arrows.-small .cover-arrow .arrow.-right { margin-right: 10px; } .cover-arrows.-small .cover-arrow:hover .arrow { width: 100px; margin: 0; } .cover-arrows.-small .cover-arrow:hover .arrow, .cover-arrows.-small .cover-arrow:hover .arrow::after, .cover-arrows.-small .cover-arrow:hover .arrow::before { background-color: #fff; } .cover-arrows.-small .cover-count { padding: 0 20px; } .cover-arrows.-small .cover-current-slide { margin-right: 20px; } .cover-arrows.-small .cover-total-slides::before { content: "/"; top: 0; left: -12px; width: auto; height: auto; transform: none; background-color: transparent; } .cover-button { display: inline-block; width: auto; height: auto; transition: background 0.3s, color 0.3s; border: 1px solid #fff; background: transparent; color: #fff; cursor: pointer; } .cover-button:hover { border: 1px solid #fff; background: #fff; color: #000; } .cover-down-arrow { animation: up-down 2s infinite; color: #fff; } @keyframes up-down { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } .cover-video video { -o-object-fit: cover; object-fit: cover; } .cover-video.-overlay::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 101; background: rgba(0, 0, 0, 0.35); } form.form { position: relative; } form.form.-disabled { pointer-events: none; } form.form fieldset { position: relative; width: 100%; margin: 0 0 15px; padding: 0; border: 0; } form.form fieldset:last-child { margin-bottom: 0; } form.form input[type="text"], form.form input[type="password"], form.form input[type="number"], form.form input[type="search"], form.form textarea, form.form select { position: relative; width: 100%; margin: 0; padding: 12px 14px; outline: none; background-color: transparent; box-shadow: none; color: var(--color-text); font-size: 16px; letter-spacing: 0; line-height: 1.5; vertical-align: top; -webkit-appearance: none; caret-color: var(--color-text); } form.form input[type="text"]:not(:last-child), form.form input[type="password"]:not(:last-child), form.form input[type="number"]:not(:last-child), form.form input[type="search"]:not(:last-child), form.form textarea:not(:last-child), form.form select:not(:last-child) { margin-bottom: 5px; } form.form input[type="text"]::-moz-placeholder, form.form input[type="password"]::-moz-placeholder, form.form input[type="number"]::-moz-placeholder, form.form input[type="search"]::-moz-placeholder, form.form textarea::-moz-placeholder, form.form select::-moz-placeholder { opacity: 1; color: var(--color-form-placeholder); } form.form input[type="text"]::placeholder, form.form input[type="password"]::placeholder, form.form input[type="number"]::placeholder, form.form input[type="search"]::placeholder, form.form textarea::placeholder, form.form select::placeholder { opacity: 1; color: var(--color-form-placeholder); } form.form select option { background: var(--color-bg); color: var(--color-text); } form.form textarea { resize: none; } form.form fieldset { margin: 0 0 20px; } form.form input[type="text"], form.form input[type="password"], form.form input[type="search"], form.form input[type="number"], form.form textarea, form.form select { padding-right: 0; padding-left: 0; border: 0; border-bottom: 1px solid var(--color-form-underline); border-radius: 0; } form.form input[type="text"]:not(:last-child), form.form input[type="password"]:not(:last-child), form.form input[type="search"]:not(:last-child), form.form input[type="number"]:not(:last-child), form.form textarea:not(:last-child), form.form select:not(:last-child) { margin-bottom: 10px; } .form-legal-links { font-size: 14px; text-align: left; } .form-legal-links a { white-space: nowrap; } .inline-form-field { display: flex; align-items: center; justify-content: flex-start; max-width: 100%; } .inline-form-input { width: 100%; padding: 12px 14px; border: 0; outline: none; background: var(--color-form-bg); box-shadow: none; color: inherit; cursor: pointer; -webkit-appearance: none; } .inline-form-button { padding: 11px 14px; transition: background 0.2s ease, color 0.2s ease; border: 1px solid var(--color-button-bg); outline: none; background: var(--color-button-bg); color: var(--color-button-text); white-space: nowrap; cursor: pointer; } .inline-form-button:hover { background: transparent; color: var(--color-button-bg); } .inline-form-description { margin-bottom: 10px; text-align: left; } .inline-form-header { margin-bottom: 20px; font-weight: bold; } .inline-form-hint { margin-top: 10px; opacity: 0.5; font-size: 14px; } .lazy-image { position: relative; max-width: 100%; overflow: hidden; backface-visibility: hidden; line-height: 0; } .lazy-image > .placeholder { z-index: 10 !important; width: 100%; transition: opacity 0.1s; opacity: 0.5; } .lazy-image > img, .lazy-image > video { position: absolute; z-index: 5 !important; top: 0; bottom: 0; left: 0; width: 100%; transform: translateZ(0); transition: opacity 0.1s; opacity: 0; } .lazy-image > video { -o-object-fit: cover; object-fit: cover; } .lazy-image > img[data-sizes="auto"], .lazy-image > video[data-sizes="auto"] { display: block; width: 100%; } .lazy-image.is-loaded > .placeholder { opacity: 0; } .lazy-image.is-loaded img, .lazy-image.is-loaded video { opacity: 1; } .legal-links a { text-wrap: nowrap; } .legals-wrapper { max-width: 1180px; margin: 0 auto; } .listing-arrows { display: inline-flex; align-items: center; } .listing-arrows .listing-arrow { padding: 20px 0; cursor: pointer; } .listing-arrows .listing-arrow:not(:last-child) { margin-right: 20px; } .listing-arrows .listing-arrow .arrow { width: 40px; transition: width 0.3s, margin 0.3s; } .listing-arrows .listing-arrow .arrow.-left { margin-left: 20px; } .listing-arrows .listing-arrow .arrow.-right { margin-right: 20px; } .listing-arrows .listing-arrow .arrow, .listing-arrows .listing-arrow .arrow::after, .listing-arrows .listing-arrow .arrow::before { background-color: var(--color-text); } .listing-arrows .listing-arrow:hover .arrow { width: 60px; margin: 0; } .logo { line-height: 0; } .logo .logo-link { display: inline-block; font-size: 0; line-height: 0; } .logo .logo-with-placeholder { display: inline-block; position: relative; max-width: 100%; } .logo .logo-placeholder { z-index: 0; width: 100%; } .logo .logo-image { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } .logo .-light-logo:not(:only-child) { display: none; } @media (prefers-color-scheme: dark) { body.-has-dark-scheme .logo .-dark-logo:not(:only-child) { display: none; } body.-has-dark-scheme .logo .-light-logo:not(:only-child) { display: block; } } body.-has-dark-scheme[color-scheme="dark"] .logo .-dark-logo:not(:only-child) { display: none; } body.-has-dark-scheme[color-scheme="dark"] .logo .-light-logo:not(:only-child) { display: block; } body.-has-dark-scheme[color-scheme="light"] .logo .-dark-logo:not(:only-child) { display: block; } body.-has-dark-scheme[color-scheme="light"] .logo .-light-logo:not(:only-child) { display: none; } .marketing-informer { display: none; position: fixed; z-index: 1400; top: 0; right: 0; left: 0; width: 100%; overflow: hidden; background: var(--color-marketing-informer-bg-color); color: var(--color-marketing-informer-text-color); font-size: 14px; } .marketing-informer::after { content: ""; display: table; clear: both; } .marketing-informer.is-visible { display: block; } .marketing-informer a, .marketing-informer a:hover { color: inherit; } .marketing-informer p { display: inline-block; margin: 0; } .marketing-informer-content { display: inline-block; flex-shrink: 0; padding: 14px 60px; text-align: center; will-change: transform; } .marketing-informer-close { position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 100%; margin: 0; padding: 0; border: 0; outline: none; background: transparent; color: var(--color-marketing-informer-text-color); font-size: 20px; line-height: 1; text-decoration: none; cursor: pointer; } .marketing-informer-close i { display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; float: right; background: var(--color-marketing-informer-bg-color); } .marketing-informer-close i::before { transition: opacity 0.3s; opacity: 0.5; } .marketing-informer-close::before { content: ""; display: inline-block; width: 24px; height: 100%; background: linear-gradient( 90deg, rgba(var(--color-marketing-informer-bg-color--rgb), 0), var(--color-marketing-informer-bg-color) ); } .marketing-informer-close:hover i::before { opacity: 1; } .marketing-informer.is-animated .marketing-informer-content { animation: scroll-left linear infinite; animation-duration: var(--marketing-informer-animation-duration); } .marketing-informer.is-animated .marketing-informer-content-container { justify-content: flex-start; } .marketing-informer-content-container { display: flex; flex-wrap: nowrap; justify-content: center; } @keyframes scroll-left { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .message-box { position: relative; margin-bottom: 10px; padding: 25px; background-color: var(--color-accent-bg); color: var(--color-text); font-size: 14px; text-align: left; } .message-box.-success { background-color: var(--color-form-success-bg); } .message-box.-error { background-color: var(--color-form-error-bg); } .message-box > .close { position: absolute; top: 0; right: 0; padding: 10px; transition: opacity 0.2s ease-in-out; cursor: pointer; } .message-box > .close:hover { opacity: 0.6; } .message-box .list { margin: 10px 0 0; padding-left: 1.25em; list-style-type: disc; } .message-box .list > li:not(:last-child) { margin-bottom: 5px; } .multi-slider { text-align: center; } .multi-slider .slides { display: none; } .multi-slider .slide { visibility: hidden; position: absolute; z-index: 0; top: 1px; right: 1px; bottom: 1px; left: 1px; overflow: hidden; transition: opacity 3s, visibility 0s 1.5s; opacity: 0; cursor: pointer; } .multi-slider .slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101%; max-width: none; max-height: none; transition: opacity 0.3s; opacity: 0; will-change: opacity; } .multi-slider .slide .caption { position: absolute; z-index: 20; right: 0; bottom: 0; left: 0; padding: 50px 20px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); color: #fff; font-size: 14px; text-align: left; } .multi-slider .slide.is-loaded img { opacity: 1; } .multi-slider .slide.-visible { visibility: visible; z-index: 100; transition: opacity 1.5s, visibility 1.5s; opacity: 1; } .multi-slider .viewports { margin: -1px; } .multi-slider .viewports::after { content: ""; display: table; clear: both; } .multi-slider .viewport { position: relative; float: left; } .multi-slider .viewport::before { content: ""; display: block; padding-bottom: 100%; } .modal { display: flex; visibility: hidden; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; max-height: 100%; overflow: hidden; transition: opacity 0.15s, visibility 0s 0.15s, z-index 0s 0.15s; opacity: 0; background: rgba(85, 85, 85, 0.9); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .modal.-open { visibility: visible; z-index: 2000; transition: opacity 0.15s, visibility 0s; opacity: 1; pointer-events: auto; } .modal.-scrolling { justify-content: flex-start; max-height: none; overflow-x: hidden; overflow-y: auto; } .modal.-scrolling .modal-window { max-height: none; margin: 60px 0; overflow: visible; } .modal .modal-window { position: relative; flex-shrink: 0; width: 750px; max-width: 90vw; max-height: 90%; padding: 100px; overflow: auto; border-radius: 10px; background: var(--color-bg); text-align: left; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .modal .modal-close { position: absolute; z-index: 100; top: 15px; right: 20px; padding: 20px; cursor: pointer; } .modal .modal-close::after { content: "\f00d" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; transition: opacity 0.15s; opacity: 0.3; font-size: 24px; line-height: 1; } .modal .modal-close:hover::after { opacity: 1; } .modal .modal-header { margin-bottom: 20px; font-size: 40px; } .modal .modal-header.-large-pad { margin-bottom: 32px; } .modal .modal-description { margin-bottom: 20px; } .modal .modal-success { display: none; width: 100%; text-align: center; } .modal .modal-success-icon { margin-bottom: 40px; font-size: 75px; } .modal .modal-success-text { margin-bottom: 80px; font-size: 30px; } .share-modal .modal-window { padding: 40px; } .login-modal .modal-window { width: 450px; padding: 40px; } .comment-modal .modal-window { width: 920px; } .order-modal.-large .modal-window { display: flex; width: 1100px; } .order-modal.-large .modal-window > *:not(:last-child) { margin-right: 40px; } .order-modal.-large .modal-window .form { width: 480px; margin: 0; } .order-modal .modal-window { width: 640px; padding: 80px; } .number-input { position: relative; width: 110px; } .number-input input[type="number"] { margin-bottom: 0 !important; border: 0; border-radius: 0; text-align: center; -moz-appearance: textfield !important; } .number-input input[type="number"]::-webkit-inner-spin-button, .number-input input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .number-input-minus, .number-input-plus { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--color-text-muted); font-size: 12px; line-height: 45px !important; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .number-input-minus:active, .number-input-plus:active { color: var(--color-text); } .number-input-minus { left: 2px; } .number-input-plus { right: 2px; } .old-price { margin-left: 0.5em; color: var(--color-text-light); } .post-list { word-wrap: break-word; word-break: initial; } .product-inputs-row { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 24px; } @media (max-width: 768px) { .product-inputs-row { flex-direction: column; } } .product-inputs-row .product-variant-selector { width: 100%; margin-bottom: 0 !important; } .product-inputs-row .product-variant-selector > select { padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-price { display: inline-block; font-size: 32px; } .product-price-container { display: flex; align-items: end; margin-bottom: 20px; font-weight: 600; } .product-old-price { position: relative; margin-left: 16px; color: var(--color-text-muted); font-size: 32px; font-weight: 400; text-decoration: none; } .product-old-price::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 55%; border-bottom: 1px solid var(--color-text-muted); } .product-gallery { width: 420px; text-align: center; } .product-gallery-items { display: grid; grid-template-columns: repeat(5, 1fr); -moz-column-gap: 24px; column-gap: 24px; width: 100%; max-width: none; } .product-gallery-items > *:not(:last-child) { margin-bottom: 0; } .product-gallery-item { transition: opacity 0.3s; opacity: 0.5; cursor: pointer; } .product-gallery-item:hover, .product-gallery-item.is-active { opacity: 1; } .product-gallery-preview { width: 100%; max-width: 420px; margin-bottom: 24px; margin-left: auto; } .product-gallery-preview-item { display: none; width: 100%; } .product-gallery-preview-item.is-active { display: block; } .radio-button { display: flex; align-items: center; margin: 12px 0; cursor: pointer; } .radio-button:last-child { margin-bottom: 6px; } .radio-button:first-child { margin-top: 6px; } .radio-button span { margin-left: 14px; transition: color 0.15s; pointer-events: none; } .radio-button:hover input[type="radio"]:not(:checked) + span { color: var(--color-border); } .radio-button input[type="radio"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .radio-button input[type="radio"]::before { content: "\f00c" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 900 !important; display: block; visibility: visible; width: 15px; height: 15px; transition: background 0.15s, border-color 0.15s; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-bg); font-size: 7px; line-height: 13px; text-align: center; } .radio-button input[type="radio"]:checked::before { border-color: transparent; background: var(--color-border); } .sections-container { position: relative; } .sections-container.-background-accent { background-color: var(--color-bg); } .sections-container.-background-contrast { background-color: var(--color-bg); } .sections-container.-background-image { background-attachment: local; } .sections-container.-background-image .button:not(.-outline), .sections-container.-background-video .button:not(.-outline) { border: 1px solid var(--color-header); } .sections-container.-background-image .button:not(.-outline):hover, .sections-container.-background-video .button:not(.-outline):hover { background: transparent; color: var(--color-header); } .sections-container.-background-image .message-box.-error, .sections-container.-background-video .message-box.-error { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .sections-container.-background-image form.form input[type="text"], .sections-container.-background-image form.form input[type="password"], .sections-container.-background-image form.form textarea, .sections-container.-background-video form.form input[type="text"], .sections-container.-background-video form.form input[type="password"], .sections-container.-background-video form.form textarea { background-color: transparent; } .sections-container.-background-video { position: relative; } .sections-container.-background-video:not(.-banner-video) .background-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .sections-container.-background-video:not(.-banner-video) .sections-container-inner { position: relative; z-index: 1; } .sections-container.lazyloaded { background-color: transparent !important; } .sections-container.-overlay::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0, 0, 0, 0.35); } body.-fixed-backgrounds-enabled .sections-container.-background-image.-fixed-background { background-attachment: fixed; } select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23CCCCCC' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px top 50%; background-size: 0.8em auto; } select:invalid { color: var(--color-form-placeholder) !important; } .share .share-header { margin-bottom: 20px; font-weight: bold; } .share .share-social { display: flex; align-items: center; justify-content: flex-start; margin-top: 24px; } .share .share-social > *:not(:last-child) { margin-right: 12px; } .share .share-social-button { position: relative; transition: color 0.3s; color: var(--color-text); font-size: 28px; white-space: nowrap; } .share .share-social-button:hover { color: var(--color-text-muted); } .slider .slide { display: flex; align-items: center; justify-content: center; } .slider .lazy-image { flex-shrink: 0; } .slider .prev, .slider .next { position: absolute; z-index: 200; top: 0; bottom: 0; width: 50%; height: 100%; } .slider .prev { left: 0; } .slider .next { right: 0; } .slider-arrows { display: inline-flex; align-items: center; margin-top: 20px; color: var(--color-text); font-size: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .slider-arrows .slider-arrow { padding: 20px 0; cursor: pointer; } .slider-arrows .slider-arrow .arrow { width: 120px; transition: width 0.3s, margin 0.3s, background-color 0.3s; } .slider-arrows .slider-arrow .arrow.-left { margin-left: 20px; } .slider-arrows .slider-arrow .arrow.-right { margin-right: 20px; } .slider-arrows .slider-arrow .arrow, .slider-arrows .slider-arrow .arrow::after, .slider-arrows .slider-arrow .arrow::before { background-color: var(--color-text); } .slider-arrows .slider-arrow:hover .arrow { width: 140px; margin: 0; } .slider-arrows .slider-count { padding: 0 60px; } .slider-arrows .slider-current-slide { position: relative; margin-right: 47px; } .slider-arrows .slider-current-slide::after { content: ""; display: block; position: absolute; top: -12px; left: 30px; width: 1px; height: 40px; transform: rotate(30deg); background-color: var(--color-text); } .strip { position: relative; width: 100%; height: auto; } .strip.-resetting .slide { transition: none !important; } .strip ::-moz-selection { background: transparent; } .strip ::selection { background: transparent; } .strip > .controls { position: absolute; z-index: 200; top: 0; bottom: 0; width: 100vw; height: 100%; } .strip > .controls > .prev, .strip > .controls > .next { top: 0; bottom: 0; height: 100%; float: left; cursor: pointer; } .strip > .controls > .prev { width: 33%; } .strip > .controls > .next { width: 67%; } .strip .slides { width: 99999999px; height: 100%; transform: translateX(0); } .strip .slides::after { content: ""; display: table; clear: both; } .strip .slide { height: 100%; margin-right: 20px; float: left; } .strip .lazy-image canvas { background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20%20%20width%3D%2224px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%2216%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%3C%2Fsvg%3E") no-repeat scroll center center transparent; } .strip .lazy-image.is-loaded canvas { background: none; } .strip .caption { position: absolute; z-index: 200; right: 0; bottom: 0; left: 0; padding: 50px 28px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); color: #fff; font-size: 14px; line-height: 1.5; text-align: center; will-change: transform; } .tag { display: inline-block; position: relative; margin: 0 1em; color: var(--color-text); letter-spacing: 0.22em; line-height: 1.75em; text-transform: uppercase; } .tag:not(:last-child)::before { content: "/"; position: absolute; top: 1px; right: -1em; transform: translateX(50%); font-family: Arial, sans-serif; } .tag:last-child { margin-right: 0; } .tag:first-child { margin-left: 0; } .tag-list { display: flex; flex-wrap: wrap; font-size: 12px; } .text-avatar { position: relative; height: 100%; background-color: var(--color-form-bg); } .text-avatar > .letter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--color-form-placeholder); font-size: 32px; font-weight: bold; text-transform: uppercase; } .vertical-line { margin: 1em 0; opacity: 0.5; } .vertical-line::before { content: ""; display: block; width: 1px; height: 40px; background-color: var(--color-text-muted); } .x-link { color: var(--color-link); text-decoration: none; } .x-link:hover, .x-link:active { color: var(--color-link); text-decoration: underline; } .x-link::before, .x-link::after { display: inline-block; } .x-link::before { padding-right: 0.5em; } .x-link::after { padding-left: 0.5em; } .x-link.-share::before { content: "\f064" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } .x-link.-comment::before { content: "\f075" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } .x-link.-arrow::after { content: "\f178" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } button.x-link { display: inline-block; padding: 1px; border: 0; outline: none; background: transparent; white-space: nowrap; cursor: pointer; } .action-section.-left { text-align: left; } .action-section.-center { text-align: center; } .action-section.-right { text-align: right; } .action-section.-full { text-align: center !important; } .action-section.-full > .button { display: block; width: 100%; } .comparison-section { position: relative; margin: 0 auto; padding: 0; overflow: hidden; line-height: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .comparison-section .before, .comparison-section .after { pointer-events: none; } .comparison-section .before { position: absolute; z-index: 100; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; } .comparison-section .before .lazy-image { max-width: none; } .comparison-section .after { width: 100%; max-width: none; } .comparison-section .drag { position: absolute; z-index: 210; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: #fff; cursor: col-resize; will-change: transform; touch-action: none; } .comparison-section .drag::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 6px; height: 60px; background: #fff; will-change: transform; } .comparison-section .drag .left-arrow, .comparison-section .drag .right-arrow { position: absolute; top: 50%; width: 0; height: 0; margin-top: -6px; transition: margin 0.15s; border: 6px inset transparent; } .comparison-section .drag .left-arrow { left: 50%; margin-left: -20px; border-right: 6px solid #fff; } .comparison-section .drag .right-arrow { right: 50%; margin-right: -20px; border-left: 6px solid #fff; } .comparison-section .drag:hover .left-arrow { margin-left: -24px; } .comparison-section .drag:hover .right-arrow { margin-right: -24px; } .divider-section { text-align: center; } .divider-section > hr { border: 0; border-top-color: var(--color-border-bright); font-size: 0; } .divider-section.-solid > hr { border-top-width: 1px; border-top-style: solid; } .divider-section.-thick > hr { border-top-width: 5px; border-top-style: solid; } .divider-section.-dashed > hr { border-top-width: 1px; border-top-style: dashed; } .divider-section.-full > hr { width: auto; } .divider-section.-short > hr { width: 31.5%; } .divider-section.-left > hr { width: 10%; margin-left: 0; } .divider-section.-dots > .label, .divider-section.-stars > .label { height: 50px; margin-bottom: 8px; color: var(--color-border-bright); font-size: 24px; line-height: 50px; } .divider-section.-dots > .label::after, .divider-section.-stars > .label::after { display: inline-block; line-height: normal; vertical-align: middle; } .divider-section.-dots > .label::after { content: "•    •    •"; } .divider-section.-stars > .label::after { content: "✽    ✽    ✽"; } .message-form-section fieldset.-left { text-align: left; } .message-form-section fieldset.-center { text-align: center; } .message-form-section fieldset.-right { text-align: right; } .message-form-section button.-full { width: 100%; } .questions-list-section > .title { margin-bottom: 0.5em; } .questions-list-section .question { position: relative; margin-top: 0 !important; } .questions-list-section .question .title { display: flex; position: relative; align-items: center; justify-content: space-between; padding: 1em 40px 1em 0; color: var(--color-text); cursor: pointer; } .questions-list-section .question .answer { display: none; margin: 1em 0 2em; transition: opacity 0.3s; opacity: 0; } .questions-list-section .question .close { position: absolute; right: 0; font-size: 16px; cursor: pointer; } .questions-list-section .question .close > i { transition: transform 0.15s; } .questions-list-section .question:not(:last-child) { border-bottom: 1px solid var(--color-border); } .questions-list-section .question.is-active .close > i { transform: rotate(45deg); } .questions-list-section .question.is-active .answer { opacity: 1; } .search-section .search-input-container { position: relative; max-width: 400px; margin: 0 auto; } .search-section .search-input-container::before { position: absolute; top: 50%; transform: translateY(-50%); content: "\f002" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; z-index: 1; color: var(--color-form-placeholder); font-size: 16px; } .search-section .search-input-container input { margin-bottom: 0 !important; line-height: normal; } .search-section .search-input-container input { padding-right: 28px !important; padding-left: 28px !important; } .search-section .search-input-container__clear { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; padding: 0; border: 0; background: none; color: var(--color-form-placeholder); font-size: 16px; cursor: pointer; right: 0; } .search-section__empty { margin: 3em 0 0; text-align: center; } .slider-section { text-align: center; } .tags-section { font-size: 12px; line-height: 1.5; text-align: center; } .tags-section .tag:hover, .tags-section .tag.-active { text-decoration: underline; } .text-section, .wysiwyg { color: var(--color-text); line-height: 1.5; word-wrap: break-word; } .text-section h1, .text-section h2, .text-section h3, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3 { margin-bottom: 0.5em; font-weight: inherit; line-height: 1.1; } .text-section h1:last-child, .text-section h2:last-child, .text-section h3:last-child, .wysiwyg h1:last-child, .wysiwyg h2:last-child, .wysiwyg h3:last-child { margin-bottom: 0; } .text-section ul, .wysiwyg ul { padding: 0; list-style: none; } .text-section ul li, .wysiwyg ul li { padding-left: 1em; } .text-section ul li::before, .wysiwyg ul li::before { content: "•"; position: absolute; margin-left: -1em; } .text-section ol, .wysiwyg ol { padding-left: 1.5em; list-style: decimal; } .text-section ul, .text-section ol, .wysiwyg ul, .wysiwyg ol { margin: 1em 0; } .text-section ul:first-child, .text-section ol:first-child, .wysiwyg ul:first-child, .wysiwyg ol:first-child { margin-top: 0; } .text-section ul:last-child, .text-section ol:last-child, .wysiwyg ul:last-child, .wysiwyg ol:last-child { margin-bottom: 0; } .text-section ul li, .text-section ol li, .wysiwyg ul li, .wysiwyg ol li { margin-bottom: 0.2em; list-style-position: outside; } .text-section ul li:last-child, .text-section ol li:last-child, .wysiwyg ul li:last-child, .wysiwyg ol li:last-child { margin-bottom: 0; } .text-section blockquote, .wysiwyg blockquote { margin: 0 1.25em 1em; padding-left: 0.75em; border-left: 2px solid var(--color-border); opacity: 0.7; } .text-section blockquote:last-child, .wysiwyg blockquote:last-child { margin-bottom: 0; } .text-section strike, .wysiwyg strike { opacity: 0.5; } .text-section time, .wysiwyg time { opacity: 0.5; } .video-file-section { position: relative; width: 100%; overflow: hidden; opacity: 100%; background: transparent; text-align: center; } .video-file-section .inner { position: relative; } .video-file-section .inner.is-hidden { visibility: hidden; transition: opacity 0.3s, visibility 0.3s; opacity: 0; } .video-file-section .inner img { max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-file-section.-with-icon-play .inner img { transition: transform 0.3s; } .video-file-section.-with-icon-play .inner:hover img { transform: scale(1.1); } .video-file-section.-with-icon-play .inner::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .video-file-section.js-video-section { cursor: pointer; } .video-file-section .video { position: absolute; z-index: 18; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-file-section.-rounded { border-radius: 16px; } .video-section { position: relative; width: 100%; overflow: hidden; opacity: 100%; background: transparent; text-align: center; } .video-section .overlay { visibility: visible; position: absolute; z-index: 20; top: 0; left: 0; transition: opacity 0.3s, visibility 0s; border: 0; opacity: 1; cursor: pointer; } .video-section .overlay img { transition: transform 0.3s; } .video-section .overlay:hover img { transform: scale(1.1); } .video-section .overlay::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .video-section .overlay.is-hidden { visibility: hidden; transition: opacity 0.3s, visibility 0.3s; opacity: 0; } .video-section .overlay img { max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-section .video { position: absolute; z-index: 18; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-section iframe { color-scheme: auto; } .video-section.-rounded { border-radius: 16px; } .widescreen-slider-section .prev { cursor: url(assets/icons/arrow_left_white-cf28a26311868dd4643253ea36f74a09da8a70eaaff77d7d1257fe4e58ac0d7b.png), auto; } .widescreen-slider-section .next { cursor: url(assets/icons/arrow_right_white-b0b396c47eac4496b0ff49a7fe411ccab238e03d7db9c3555226e269f67b80c7.png), auto; } .flag { display: inline-block; position: relative; top: -1px; width: 18px; height: 18px; margin-right: 7px; overflow: hidden; backface-visibility: visible; border-radius: 50%; background-repeat: no-repeat; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; } .flag--am { background-image: url(assets/flags/square/am-f4ede0e92ae8d00c458e5a658c31de77aa1c4bc7fe54c3c8f9cd379bddd38ea0.svg); } .flag--az { background-image: url(assets/flags/square/az-3e0f710119f24c592ee009b1ce5ebd30dfbce0eb86fed7a2faa9bd96930d43ea.svg); } .flag--by { background-image: url(assets/flags/square/by-7bd37ee878e4225470de8cc284d66cf70785a0329da88b43e5f93e25c047b738.svg); } .flag--cn { background-image: url(assets/flags/square/cn-548f302d58bdad7c3a157b07123df5b3941c6511e0bb840b0a4fa081e61c0379.svg); } .flag--cz { background-image: url(assets/flags/square/cz-311b1d73fa50e42a08844cd364f68bcee551a309b26bac1dce1651135ae70aa9.svg); } .flag--dk { background-image: url(assets/flags/square/dk-1939f09bed83b50c36b2c371535c536748d49224da8a98bc5b42f9f74ee2bc25.svg); } .flag--de { background-image: url(assets/flags/square/de-3479e75f866450220db28ef3ebb1ba0c345c059ed67de62c4176a09572da8f32.svg); } .flag--ee { background-image: url(assets/flags/square/ee-1058c4a95d48696c8c99608a104e756d4ac5c431a7a1f60e179769416c443420.svg); } .flag--es { background-image: url(assets/flags/square/es-582d90241cc77269d8eeaa709ee9345c4e3935b7c20f9d3f04d707800c554896.svg); } .flag--fi { background-image: url(assets/flags/square/fi-cdfc9cc3908d4f0d534fb34853fda8db5981195204ab6219bad3aa3cf90ecfa6.svg); } .flag--fr { background-image: url(assets/flags/square/fr-8b9d16b144204ecd34289bf1f0e06e57ad03a889a3813463de8e1a25005da5ec.svg); } .flag--gb { background-image: url(assets/flags/square/gb-81ec47f82b87b9398d17f1db841ea31695a24fa3e05c60fa4d59b21ae4d5bed2.svg); } .flag--ge { background-image: url(assets/flags/square/ge-d90251ffc959309587136e12331f57a2db6b284a892ba1fee03927383208a760.svg); } .flag--gr { background-image: url(assets/flags/square/gr-40c78a60595b2a3f485040d93505c0128de81b60f44e18e35ce0ca9d5a95f184.svg); } .flag--il { background-image: url(assets/flags/square/il-e9027cd798ec317a3cb65af70716a49e6b2963e9c30fd9c82ad6f5c7054d1cd2.svg); } .flag--it { background-image: url(assets/flags/square/it-2767e5c7250ec17539972ef710a8cebde73971bf0b9b3186d5baffb02f66974e.svg); } .flag--kz { background-image: url(assets/flags/square/kz-7bba4215225df2db60ba39f8b42f9c96039859ac70242cc3dc725cfa1a4b1330.svg); } .flag--lt { background-image: url(assets/flags/square/lt-e386ebe0482bdf999b151c3ae8c5e5e40a58037eab35b29f37682aa849edd3f0.svg); } .flag--lv { background-image: url(assets/flags/square/lv-dbf5d3fb294b518bc6373c4fc22b028fc462647fbd5032cf57513556896577bc.svg); } .flag--nl { background-image: url(assets/flags/square/nl-6bfba1aa0f31f33e126e51832eddba06a92106d569f3e01dc4989a3425f45eac.svg); } .flag--no { background-image: url(assets/flags/square/no-7b3a522b5101f7bcc5c9ac05adbfbfa3dacde4fc4420d2997b1ab38af7e50dbc.svg); } .flag--pl { background-image: url(assets/flags/square/pl-acc73e013a67a13fde68d812b22889be9150cce57d029deab6ba5b0ba4e7b69a.svg); } .flag--pt { background-image: url(assets/flags/square/pt-09b4548e5764d2a6c56bf9c33e8652911f91b16ab6bfa3041630506480281047.svg); } .flag--ro { background-image: url(assets/flags/square/ro-a4cfc4bce72dc7b034f2b84e932ba3d47f7a9404b94b1450af48263c576b62c8.svg); } .flag--rs { background-image: url(assets/flags/square/rs-cd44c0b89c5e2c2d0afe1902a263d60648dd18e97636256eb1ffc3148e336cd7.svg); } .flag--ru { background-image: url(assets/flags/square/ru-aa0d5e4855f92f211efad3979493956dfe01ad4a0b552814cad05fa67694de03.svg); } .flag--se { background-image: url(assets/flags/square/se-66e88fa578c2393f3a6722b0cfb661c8577d46a34c8bbe4d3b3ccbcfdd8c2bc6.svg); } .flag--si { background-image: url(assets/flags/square/si-57de6654f35b93e7df9736ccb70ced05dcdf69562fe18d8ca4b9b0b193044567.svg); } .flag--tr { background-image: url(assets/flags/square/tr-0df7b630a61ad40f32017487e6fef02258e8b2c8709c6fc8c1d3de1e9b36b09c.svg); } .flag--ua { background-image: url(assets/flags/square/ua-86260ecf3aa1da110f92b58861d7918e3e574a79cfb4334f9c82b1a750a8a875.svg); } .admin-link { display: none; position: fixed; z-index: 9999; top: 5px; left: 5px; padding: 5px; border-radius: 50%; opacity: 0.25; background: #fff; color: #000 !important; font-size: 20px; line-height: 1; } .admin-link > i { transition: transform 0.2s, color 0.2s; } .admin-link.is-visible { display: block; } .admin-link:hover > i { transform: rotate(45deg); } .money { white-space: nowrap; } .money span:first-child::after { content: "\00A0"; } .money__currency { unicode-bidi: embed; } .money__amount { unicode-bidi: isolate-override; direction: ltr; } .money--bold .money__amount { font-weight: 600; } .money--bold .money__currency { font-weight: 400; } .money--billing span:first-child:is(.money__currency)::after { content: none; } .money--strikethrough { text-decoration: line-through; text-decoration-thickness: 0.5px; } .money--muted { opacity: 0.5; } .pswp__bg { background: var(--color-bg) !important; } .pswp__button, .pswp__button:hover { color: var(--color-text) !important; } .pswp__button--arrow--left::before, .pswp__button--arrow--right::before { background: transparent !important; } .pswp__counter { color: var(--color-text) !important; } .pswp__caption { color: var(--color-text-muted) !important; } .pswp__preloader .pswp__preloader__donut { border-color: var(--color-text) !important; } .pswp__top-bar, .pswp__caption { background: var(--color-bg) !important; } *, *::after, *::before { box-sizing: border-box; } html { width: 100%; height: 100%; margin: 0; padding: 0; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; width: 100%; min-width: 768px; height: 100%; background: var(--color-bg); color: var(--color-text); font-size: 16px; letter-spacing: 0; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } p { margin: 1em 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } img, object, embed { max-width: 100%; } img { height: auto; pointer-events: none; } h1, h2, h3 { margin: 0; font-weight: inherit; letter-spacing: 0.02em; text-rendering: optimizeLegibility; } h1, h2 { color: var(--color-header); font-size: 32px; } h3 { color: var(--color-subheader); font-size: 24px; } ul, ol { margin: 0; padding: 0; list-style: none; } a, a:hover { color: var(--color-text); text-decoration: none; } b, strong { font-weight: bold; } .wysiwyg a { color: var(--color-link); text-decoration: underline; } .wysiwyg a:hover, .wysiwyg a.-hover { text-decoration: none; } .button { width: auto; max-width: 100%; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; text-overflow: ellipsis; white-space: nowrap; } body.-not-found { padding: 0; } body.-not-found .page-wrapper { display: flex; flex-direction: column; align-items: center; } body.-not-found .error-wrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; text-align: center; } body.-not-found .error-wrapper > *:not(:last-child) { margin-bottom: 32px; } body.-not-found .page-footer { position: absolute; bottom: 10px; } body.-not-found .page-footer .inner { justify-content: center; } .is-protected { -webkit-touch-callout: none; } [class*="_button_pin"] { z-index: 299 !important; } .comment .comment-content > *:not(:last-child) { margin-bottom: 1em; } .comment .comment-video { position: relative; margin: 0 auto; } .comment .comment-video .comment-video-link img { transition: transform 0.3s; } .comment .comment-video .comment-video-link:hover img { transform: scale(1.1); } .comment .comment-video .comment-video-link::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .comment .x-link { display: inline-block; } .comment .text-avatar { padding-top: 100%; } .comment .text-avatar > .letter { font-size: 50px; } .comment .comment-link { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comment-list.-rows { display: flex; flex-wrap: wrap; } .comment-list.-rows .comment { width: calc(100% / 3); margin-bottom: 4em; } .comment-list.-rows .comment .comment-avatar { flex-shrink: 0; width: 50%; margin: 0 auto; overflow: hidden; border-radius: 50%; } .comment-list.-rows .comment .comment-avatar .lazy-image, .comment-list.-rows .comment .comment-avatar img, .comment-list.-rows .comment .comment-avatar .placeholder { border-radius: 50%; } .comment-list.-rows .comment .comment-content { position: relative; margin: 1.5em 25px 0; text-align: center; } .comment-list.-rows .comment .comment-video { width: 80%; } .comment-list.-rows .comment .tag-list { justify-content: center; } .comment-list.-masonry { margin: -25px; } .comment-list.-masonry .comment { width: calc(100% / 3); padding: 25px 25px 50px; } .comment-list.-masonry .comment .tag-list { justify-content: center; } .comment-list.-masonry .comment .comment-content { display: flex; position: relative; flex-direction: column; justify-content: center; margin-top: 1em; text-align: center; } .comment-list.-masonry .comment .comment-content:only-child { margin: 0 auto; } .comment-list.-masonry .comment .comment-video { position: relative; width: 80%; margin: 0 auto; } .comment-list.-lineup-round .comment { display: flex; margin-bottom: 50px; } .comment-list.-lineup-round .comment .comment-avatar { flex-shrink: 0; width: 160px; height: 160px; margin-right: 50px; overflow: hidden; border-radius: 50%; } .comment-list.-lineup-round .comment .comment-avatar .lazy-image, .comment-list.-lineup-round .comment .comment-avatar img, .comment-list.-lineup-round .comment .comment-avatar .placeholder { border-radius: 50%; } .comment-list.-lineup-round .comment .comment-content { position: relative; width: calc(100% - 160px - 50px); } .comment-list.-lineup-round .comment .comment-video { width: 30%; margin-right: 0; margin-left: 0; } .comment-list.-lineup-portrait .comment { display: flex; align-items: center; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid var(--color-border); } .comment-list.-lineup-portrait .comment:nth-child(even) { flex-direction: row-reverse; } .comment-list.-lineup-portrait .comment:nth-child(even) .comment-avatar { margin: 0 0 0 25px; } .comment-list.-lineup-portrait .comment .comment-avatar { width: 30%; margin-right: 25px; } .comment-list.-lineup-portrait .comment .comment-content { display: flex; position: relative; flex-direction: column; justify-content: center; width: 70%; padding: 0 25px; text-align: center; } .comment-list.-lineup-portrait .comment .comment-content:only-child { margin: 0 auto; } .comment-list.-lineup-portrait .comment .tag-list { justify-content: center; } .comment-list.-lineup-portrait .comment .comment-video { width: 70%; } .comment-list.-lineup-square .comment { display: flex; align-items: center; margin-bottom: 50px; } .comment-list.-lineup-square .comment:nth-child(even) { flex-direction: row-reverse; } .comment-list.-lineup-square .comment:nth-child(even) .comment-avatar { margin: 0 0 0 25px; } .comment-list.-lineup-square .comment .comment-content, .comment-list.-lineup-square .comment .comment-avatar { width: 50%; } .comment-list.-lineup-square .comment .comment-avatar { margin-right: 25px; } .comment-list.-lineup-square .comment .comment-content { display: flex; position: relative; flex-direction: column; justify-content: center; padding: 0 25px; text-align: center; } .comment-list.-lineup-square .comment .comment-content:only-child { margin: 0 auto; } .comment-list.-lineup-square .comment .tag-list { justify-content: center; } .comment-list.-lineup-square .comment .comment-video { width: 70%; } .comment-list.-lineup-square .comment .vertical-line { margin: 0 auto 1em; } .download-link { visibility: hidden; position: absolute; z-index: 100; top: 10px; right: 10px; width: auto; max-width: 80%; padding: 8px 12px; transform: translateX(-50%) scale(0); transition: transform 0.15s, opacity 0.3s, visibility 0s 0.15s; border-radius: 30px; background: rgba(0, 0, 0, 0.75) !important; color: #fff !important; font-size: 14px; letter-spacing: 0.05em; line-height: 1.25; text-align: center; cursor: pointer; } .download-link:hover { opacity: 0.6; } .download-link i { margin-right: 2px; } @media (hover: hover) { .picture-section:hover .download-link, .picture-set-section > .piece:hover .download-link { visibility: visible; transform: scale(1); transition: transform 0.15s, opacity 0.3s, visibility 0s; } } .floating-button { position: relative; width: 36px; height: 36px; transition: opacity 0.15s, visibility 0s 0.15s, box-shadow 0.15s, background 0.15s; border-radius: 50px; background: rgba(var(--color-bg--rgb), 0.3); box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.15); color: var(--color-text); font-size: 18px; line-height: 36px; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; will-change: transform; } .floating-button:not(:last-child) { margin-bottom: 10px; } .floating-button.-top, .floating-button.-share, .floating-button.-locale { cursor: pointer; } .floating-button.-top:hover, .floating-button.-top.-open, .floating-button.-share:hover, .floating-button.-share.-open, .floating-button.-locale:hover, .floating-button.-locale.-open { background: rgba(var(--color-bg--rgb), 0.5); box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.15); } .floating-button.-top i, .floating-button.-share i, .floating-button.-locale i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .floating-button.-top { visibility: hidden; opacity: 0; pointer-events: none; } .floating-button.-top.-active { visibility: visible; transition: opacity 0.15s, visibility 0s, box-shadow 0.15s, background 0.15s; opacity: 1; pointer-events: auto; } .floating-button::-moz-selection { background: transparent; } .floating-button::selection { background: transparent; } .floating-button.-locale { transition: opacity 0.15s, visibility 0.15s; font-size: 14px; } .floating-button.-locale .locale-buttons { display: flex; visibility: hidden; position: absolute; top: 0; pointer-events: none; } .floating-button.-locale .locale-buttons.-right-top, .floating-button.-locale .locale-buttons.-right-bottom { right: 48px; } .floating-button.-locale .locale-buttons.-left-top, .floating-button.-locale .locale-buttons.-left-bottom { left: 48px; } .floating-button.-locale .locale-buttons > .-locale { top: 0; right: 0; margin-bottom: 0; opacity: 0; pointer-events: auto; } .floating-button.-locale .locale-buttons > .-locale:not(:first-child) { margin-left: 10px; } .floating-button.-locale.-open > .locale-buttons { visibility: visible; } .floating-button.-locale.-open > .locale-buttons .-locale { opacity: 1; } .floating-button.-locale i { width: 22px; height: 22px; margin-right: 0; } .floating-button.-locale > a { display: block; width: 100%; height: 100%; } .floating-button.-locales { height: auto; padding: 14px 0; transition: color 0.15s; font-size: 14px; line-height: 17px; } .floating-button.-locales > *:not(:last-child) { margin-bottom: 10px; } .floating-button.-locales a { display: block; } .floating-button.-locales .locale-button:hover, .floating-button.-locales .locale-button.-active { color: var(--color-text-light); } .floating-buttons { display: flex; position: fixed; z-index: 1100; top: 10%; right: 10px; bottom: 110px; flex-direction: column; justify-content: space-between; pointer-events: none; } .floating-buttons.-left-top, .floating-buttons.-left-bottom { right: auto; left: 10px; } .floating-buttons.-left-bottom, .floating-buttons.-right-bottom { justify-content: flex-end; } .floating-buttons .floating-button { pointer-events: auto; } .floating-buttons > .group:not(:last-child) { margin-bottom: 10px; } .row { margin: 0 -25px; } .row > * { padding-right: 25px; padding-left: 25px; } @media (max-width: 768px) { .row > *:not(:last-child) > .section-container:last-child { margin-bottom: 50px; } } body.-password .page-main { display: flex; flex-direction: column; justify-content: center; } .password-form { width: 600px; margin: 50px auto; text-align: center; } .section-container + .section-container { margin-top: 50px; } .section-container + .action-section, .section-container.text-section + .section-container.picture-section, .section-container.picture-section + .section-container.text-section, .section-container.text-section + .section-container.message-form-section, .section-container.text-section + .section-container.video-file-section, .section-container.video-file-section + .section-container.text-section, .section-container.text-section + .section-container.video-section, .section-container.video-section + .section-container.text-section { margin-top: 25px; } .section-container.-center { text-align: center; } @media (max-width: 959px) { .section-container.picture-section + .section-container.action-section, .section-container.text-section + .section-container.action-section { margin-top: 12.5px; } } .section-group + .section-container { margin-top: 25px; } .sections-container .sections-container-inner { max-width: calc(100% - 25px * 2); } .sections-container.-theme-pad-before .sections-container-inner { padding-top: 50px; } .sections-container.-theme-pad-after .sections-container-inner { padding-bottom: 50px; } .sections-container.-theme-pad-after.-background-default .sections-container-inner { padding-bottom: 0; } .sections-container.-no-pad-after .sections-container-inner { padding-bottom: 0; } .sections-container.-no-pad-before .sections-container-inner { padding-top: 0; } .sections-container.-xsmall-pad-after .sections-container-inner { padding-bottom: 12.5px; } .sections-container.-xsmall-pad-before .sections-container-inner { padding-top: 12.5px; } .sections-container.-small-pad-after .sections-container-inner { padding-bottom: 25px; } .sections-container.-small-pad-before .sections-container-inner { padding-top: 25px; } .sections-container.-medium-pad-before .sections-container-inner { padding-top: 50px; } .sections-container.-medium-pad-after .sections-container-inner { padding-bottom: 50px; } .sections-container.-large-pad-before .sections-container-inner { padding-top: 100px; } .sections-container.-large-pad-after .sections-container-inner { padding-bottom: 100px; } .sections-container.-xlarge-pad-before .sections-container-inner { padding-top: 200px; } .sections-container.-xlarge-pad-after .sections-container-inner { padding-bottom: 200px; } .sections-container.-small-width .sections-container-inner { width: 960px; } .sections-container.-medium-width .sections-container-inner { width: 1200px; } .sections-container.-large-width .sections-container-inner { width: 1440px; } .sections-container.-full-width .sections-container-inner { width: 100%; } .sections-container.-max-width .sections-container-inner { width: 100%; max-width: 100%; } .sections-container.-top-align .row { align-items: flex-start; } .sections-container.-middle-align .row { align-items: center; } .sections-container.-bottom-align .row { align-items: flex-end; } .sections-container.lazyloaded { background-repeat: no-repeat; background-position: center; background-size: cover; } .sections-container.-background-image.-small-pad-after .sections-container-inner, .sections-container.-background-video.-small-pad-after .sections-container-inner { padding-bottom: 100px; } .sections-container.-background-image.-small-pad-before .sections-container-inner, .sections-container.-background-video.-small-pad-before .sections-container-inner { padding-top: 100px; } .sections-container.-background-image.-medium-pad-before .sections-container-inner, .sections-container.-background-video.-medium-pad-before .sections-container-inner { padding-top: 200px; } .sections-container.-background-image.-medium-pad-after .sections-container-inner, .sections-container.-background-video.-medium-pad-after .sections-container-inner { padding-bottom: 200px; } .sections-container.-background-image.-large-pad-before .sections-container-inner, .sections-container.-background-video.-large-pad-before .sections-container-inner { padding-top: 300px; } .sections-container.-background-image.-large-pad-after .sections-container-inner, .sections-container.-background-video.-large-pad-after .sections-container-inner { padding-bottom: 300px; } .sections-container.-background-image.-xlarge-pad-before .sections-container-inner, .sections-container.-background-video.-xlarge-pad-before .sections-container-inner { padding-top: 400px; } .sections-container.-background-image.-xlarge-pad-after .sections-container-inner, .sections-container.-background-video.-xlarge-pad-after .sections-container-inner { padding-bottom: 400px; } .slider .slider-viewport { position: relative; width: 100%; height: auto; max-height: 90svh; overflow: hidden; } .slider ::-moz-selection { background: transparent; } .slider ::selection { background: transparent; } .slider .slide { visibility: hidden; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transition: opacity 2s, visibility 0s 2s, z-index 0s 2s; opacity: 0; } .slider .slide.-visible { visibility: visible; z-index: 100; transition: opacity 2s, visibility 0s, z-index 0s; opacity: 1; } .slider .lazy-image { max-width: none; } .slider .lazy-image canvas { background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20%20%20width%3D%2224px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%2216%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(255%2C255%2C255)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%3C%2Fsvg%3E") no-repeat scroll center center transparent; } .slider .lazy-image.is-loaded canvas { background: none; } .slider .caption { position: absolute; z-index: 200; right: 0; bottom: 0; left: 0; padding: 50px 28px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); color: #fff; font-size: 14px; line-height: 1.5; text-align: center; } .slider.-overlay .slides::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 101; background: rgba(0, 0, 0, 0.35); } .slider.-rounded .lazy-image, .slider.-rounded img, .slider.-rounded .placeholder { border-radius: 16px; } .strip { min-height: 400px; } .strip > .controls > .prev > .handler, .strip > .controls > .next > .handler { position: relative; width: 100px; height: 100%; transition: opacity 0.3s; opacity: 0.75; } .strip > .controls > .prev > .handler::before, .strip > .controls > .next > .handler::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; } .strip > .controls > .prev:hover > .handler, .strip > .controls > .next:hover > .handler { opacity: 0.3; } .strip > .controls > .prev > .handler { float: left; } .strip > .controls > .prev > .handler::before { content: "\f053" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } .strip > .controls > .next > .handler { float: right; } .strip > .controls > .next > .handler::before { content: "\f054" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } .tracking-informer { display: none; position: fixed; z-index: 1600; bottom: 10px; left: 10px; width: 400px; padding: 25px; border-radius: 10px; background: color-mix(in srgb, var(--color-accent-bg) 90%, var(--color-accent-text)); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04); color: var(--color-accent-text); font-size: 14px; } .tracking-informer::after { content: ""; display: table; clear: both; } .tracking-informer.is-visible { display: block; } .tracking-informer a { color: var(--color-accent-text); text-decoration: underline; } .tracking-informer a:hover { text-decoration: none; } .tracking-informer-content { margin-bottom: 25px; } .tracking-informer-content .link { white-space: nowrap; } .tracking-informer-button { display: block; position: relative; width: 100%; padding: 10px 40px; transition: background 0.2s ease; border: 0; border-radius: 100px; outline: none; background: var(--color-accent-button-bg); color: var(--color-accent-button-text); cursor: pointer; } .tracking-informer-button:hover { background: var(--color-accent-button-bg-hover); color: var(--color-accent-button-text-hover); } .comment-section { line-height: 1.5; } .comment-section .comment { display: flex; color: var(--color-text); } .comment-section .comment .comment-quote { position: relative; top: 30px; padding-right: 10px; color: var(--color-text-muted); font-family: Georgia, serif; font-size: 80px; line-height: 0; text-align: right; } .comment-section .comment .comment-content { position: relative; text-align: left; } .comment-section .comment .comment-content .video > .link img { transition: transform 0.3s; } .comment-section .comment .comment-content .video > .link:hover img { transform: scale(1.1); } .comment-section .comment .comment-content .video > .link::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .comment-section .comment .comment-main { padding: 0 12.5px; } .comment-section .comment-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .comment-section .comment-meta .comment-avatar { width: 48px; height: 48px; margin-right: 10px; overflow: hidden; border-radius: 50%; } .comment-section .comment-meta .comment-name { font-weight: bold; } .comment-section .comment-meta .comment-name, .comment-section .comment-meta .comment-link { display: block; max-width: 350px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comment-section .comment-meta .comment-credentials { display: flex; align-items: center; justify-content: flex-start; } .fame-section .nocomments { margin-bottom: 36px; text-align: center; } .fame-section .nocomments > i { font-size: 60px; } .fame-section .comment-form { padding-top: 18px; } .fame-section .title { font-weight: bold; } .fame-section .avatar-container { position: relative; width: 150px; height: 150px; } .fame-section .avatar-container > i { position: absolute; top: 0; left: 0; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; background-color: #d0d0d0; color: #fff; font-size: 130px; font-weight: 900; } .fame-section .avatar-container > i::before { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .fame-section .avatar-container > .placeholder { position: absolute; width: 150px; height: 150px; margin: 0 auto 30px; padding-top: 100%; overflow: hidden; border-radius: 50%; background-size: cover; text-align: center; } .fame-section .avatar-container > .button { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15%; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); } .fame-section .avatar-container > .button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; font-weight: 900; } .fame-section .avatar-container > .button:hover { background: rgba(0, 0, 0, 0.5); color: #fff; } .fame-section .avatar-container > .button > input[type="file"] { display: none; } .inline-listing-section { text-align: center; } .inline-listing-section > .button { margin-top: 25px; } .inline-page-section { text-align: center; } .inline-page-section > .button { margin-top: 25px; } .labeled-divider-section { position: relative; border-bottom: 1px solid var(--color-border-bright); } .labeled-divider-section .label { display: inline; position: absolute; top: 0; left: 50%; max-width: calc(100% - 30px); padding: 1px 15px 2px; overflow: hidden; transform: translateX(-50%) translateY(-50%); background: var(--color-bg); color: var(--color-text-muted); font-size: 16px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .picture-section { position: relative; line-height: 0; text-align: center; } .picture-section .link, .picture-section .gallery-link { display: inline-block; position: relative; padding: 0; border: 0; outline: 0; background: transparent; } .picture-section .link { cursor: pointer; } .picture-section .link img { transition: transform 0.3s; } .picture-section .link:hover img { transform: scale(1.1); } .picture-section .gallery-link { cursor: zoom-in; } .picture-section .gallery-link img { transition: transform 0.3s; } .picture-section .gallery-link:hover img { transform: scale(1.1); } .picture-section .lazy-image { display: inline-block; } .picture-section.-round .lazy-image, .picture-section.-rounded .lazy-image { position: relative; z-index: 1; } .picture-section.-round .lazy-image { border-radius: 50%; } .picture-section.-rounded .lazy-image { border-radius: 16px; } .picture-set-section { position: relative; line-height: 0; text-align: center; } .picture-set-section .piece { position: relative; } .picture-set-section .piece .inner { position: relative; } .picture-set-section .piece.-with-icon-play .lazy-image img { transition: transform 0.3s; } .picture-set-section .piece.-with-icon-play .lazy-image:hover img { transform: scale(1.1); } .picture-set-section .piece.-with-icon-play .lazy-image::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .picture-set-section .piece .link, .picture-set-section .piece .content { display: block; position: relative; overflow: hidden; text-decoration: none; } .picture-set-section .piece .link .caption, .picture-set-section .piece .content .caption { position: absolute; z-index: 10; bottom: 0; width: 100%; padding: 50px 20px 20px; transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); color: #fff; font-size: 14px; line-height: 1.2; text-align: left; } .picture-set-section .piece .link:hover .caption, .picture-set-section .piece .content:hover .caption { transform: translateY(0); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .picture-set-section .piece .link:hover { cursor: zoom-in; } .picture-set-section.-storyboard > .piece { position: absolute; overflow: hidden; } .picture-set-section.-grid > .piece { display: inline-block; } .picture-set-section.-grid > .piece .lazy-image video { height: 100%; } .picture-set-section.-lineup .piece { display: flex; justify-content: center; line-height: 0; } .picture-set-section.-lineup .piece-content { position: relative; } .picture-set-section.-lineup .piece:last-child { padding-bottom: 0 !important; } .picture-set-section.-lineup .piece .lazy-image { display: inline-block; margin: 0 auto; } .picture-set-section.-lineup .piece .caption { line-height: 1.5; text-align: center; } .picture-set-section.-originals > .piece { display: inline-block; } .picture-set-section.-originals > .piece > .inner { position: relative; } .picture-set-section.-originals > .piece > .inner::before { content: ""; display: block; padding-bottom: 100%; } .picture-set-section.-originals > .piece > .inner > .link { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; } .picture-set-section.-originals > .piece > .inner > .link > .caption { padding: 50px 20px 20px; font-size: 14px; } .picture-set-section.-horizontal .picture-set-container { display: flex; flex-direction: row; flex-wrap: nowrap; height: 50vh; overflow-x: hidden; } .picture-set-section.-horizontal .picture-set-container * { height: 100%; } .picture-set-section.-horizontal .picture-set-container > .piece { display: inline-block; line-height: 0; } .picture-set-section.-horizontal .picture-set-container > .piece:not(:last-child) { padding-right: 50px; } .picture-set-section.-horizontal .picture-set-container > .piece .placeholder { width: auto; } .picture-set-section.-horizontal .picture-set-container > .piece .caption { height: auto; text-align: center; } .picture-set-section.-horizontal .picture-set-arrows > *:not(:last-child) { margin-right: 50px; } .picture-set-section.-horizontal .picture-set-arrows { margin-top: calc(25px * 2 - 20px); } .questions-list-section .question:first-child .title { padding-top: 0; } .menu-list { display: flex; position: relative; flex-wrap: wrap; font-size: 15px; } .menu-list .menu-item > .link { position: relative; width: auto; height: auto; padding: 0; border: 0; outline: 0; background: transparent; color: var(--color-menu-text); font-weight: bold; text-align: left; text-decoration: none; text-transform: none; white-space: nowrap; cursor: pointer; } .menu-list .menu-item.-category:not(.-parent) > .link { cursor: default; } .menu-list > .menu-item { position: relative; line-height: 1; text-align: center; } .menu-list > .menu-item.-parent { cursor: pointer; } .menu-list > .menu-item.-parent .submenu { left: -20px; padding-top: 8px; transform: translateY(-15px); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; cursor: default; pointer-events: none; } .menu-list > .menu-item.-parent:hover > .submenu { visibility: visible; transform: translateY(0); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; opacity: 1; pointer-events: auto; } .menu-list > .menu-item.-parent:hover::after { transform: rotateX(180deg); } .menu-list > .menu-item.-parent::after { content: "\f107" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: bold !important; display: inline-block; position: relative; padding-left: 0.3em; background: none !important; color: var(--color-menu-text); line-height: 0; } .menu-list .submenu { visibility: hidden; position: absolute; z-index: 400; top: 100%; left: 0; min-width: calc(100% + 40px); padding-top: 16px; transition: opacity 0.3s, visibility 0s 0.3s; opacity: 0; } .menu-list .submenu .submenu-list { position: relative; margin: 0 calc((40px / 2) - 24px); border-radius: 8px; background: var(--color-submenu-bg); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); text-align: left; } .menu-list .submenu .submenu-list > .menu-item { padding: 8px 24px; white-space: nowrap; } .menu-list .submenu .submenu-list > .menu-item > .link { color: var(--color-submenu-text); font-weight: normal; letter-spacing: 0; text-transform: none; } .menu-list .submenu .submenu-list > .menu-item:first-child { padding-top: 24px; } .menu-list .submenu .submenu-list > .menu-item:last-child { padding-bottom: 24px; } .album-lineup { text-align: center; } .album-lineup > .piece { position: relative; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); line-height: 0; } .album-lineup > .piece:not(:last-child) { margin-bottom: 4px; } .album-lineup > .piece > .link { display: block; cursor: zoom-in; } .album-lineup > .piece > .link > .lazy-image { display: inline-block; margin: 0 auto; } .album-lineup > .piece > .caption { padding-top: 2px; line-height: 1.5; } .album-storyboard { position: relative; } .album-storyboard > .piece { overflow: hidden; } .album-storyboard > .piece > .inner > .link { display: block; position: relative; overflow: visible; text-decoration: none; cursor: zoom-in; } .album-storyboard > .piece > .inner > .link:hover > .caption { transform: translateY(0); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .album-storyboard > .piece > .inner > .link > .caption { position: absolute; z-index: 10; bottom: 0; width: 100%; padding: 15px 10px; transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.75)); color: #fff; font-size: 14px; line-height: 1.2; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .album-grid { margin: -2px; line-height: 0; text-align: center; } .album-grid > .piece { display: inline-block; position: relative; width: 33.333333%; padding: 2px; } .album-grid > .piece > .inner > .link { display: block; position: relative; overflow: hidden; text-decoration: none; cursor: zoom-in; } .album-grid > .piece > .inner > .link:hover > .caption { transform: translateY(0); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .album-grid > .piece > .inner > .link > .caption { position: absolute; z-index: 10; bottom: 0; width: 100%; padding: 15px 10px; transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); color: #fff; font-size: 12px; line-height: 1.2; } .album-originals > .piece > .inner { position: relative; } .album-originals > .piece > .inner::before { content: ""; display: block; padding-bottom: 100%; } .album-originals > .piece > .inner > .link { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; } .album-originals > .piece > .inner > .link > .caption { padding: 50px 20px 20px; font-size: 14px; } .album-lineup > .piece.-video .link .lazy-image img, .album-storyboard > .piece.-video .link .lazy-image img, .album-grid > .piece.-video .link .lazy-image img { transition: transform 0.3s; } .album-lineup > .piece.-video .link .lazy-image:hover img, .album-storyboard > .piece.-video .link .lazy-image:hover img, .album-grid > .piece.-video .link .lazy-image:hover img { transform: scale(1.1); } .album-lineup > .piece.-video .link .lazy-image::after, .album-storyboard > .piece.-video .link .lazy-image::after, .album-grid > .piece.-video .link .lazy-image::after { top: 15px; left: 15px; width: 60px; height: 60px; content: ""; position: absolute; z-index: 20; background: url(assets/icons/play-5a2cfa658b34b5b1463187d6bad7d18ce0e472d3a5ed1c6910b08c8d76263cf1.png); background-size: cover; pointer-events: none; } .listing { margin: -20px; } .listing .listing-item { display: inline-block; position: relative; width: 33.333333%; padding: 20px; vertical-align: top; } .listing .listing-item .listing-link { display: block; position: relative; text-decoration: none; } .listing .listing-item .listing-link .lazy-image { border-radius: 0; will-change: transform; } .listing .listing-item .listing-title { font-size: 16px; font-weight: inherit; text-transform: none; } .listing .listing-item .listing-description { margin-top: 0.5em; font-size: 14px; } .listing .listing-caption { padding: 14px 0; overflow: hidden; color: var(--color-text); text-align: center; text-overflow: ellipsis; white-space: nowrap; } .listing .listing-title { max-width: 100%; } .listing .listing-title span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listing .listing-title { display: inline-block; position: relative; } .listing .listing-title::after { content: ""; display: block; visibility: hidden; position: absolute; right: 0; bottom: -2px; left: 0; height: 1px; transform: scaleX(0) translate(0, 0); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: var(--color-text); } .listing .listing-link:hover .listing-title::after { visibility: visible; transform: scaleX(1) translate(0, 0); } .preloader { width: 100%; height: 100px; background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20%20%20width%3D%2224px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(204%2C204%2C204)%22%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(204%2C204%2C204)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.15s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%20%20%3Crect%20x%3D%2216%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22rgb(204%2C204%2C204)%22%20%20opacity%3D%220.2%22%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%220.2%3B%201%3B%20.2%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22height%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%2020%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%20%20%3Canimate%20attributeName%3D%22y%22%20attributeType%3D%22XML%22%20values%3D%2210%3B%205%3B%2010%22%20begin%3D%220.3s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%20%20%3C%2Frect%3E%0A%20%20%3C%2Fsvg%3E") no-repeat scroll center center transparent; } .post .post-title { display: block; } .post .post-title:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.1em; } .post .post-container { display: block; } .post .post-caption { color: var(--color-text); } .post .post-description { line-height: 1.25; } .post .post-date { display: inline-block; } .post .tag-list { justify-content: center; } .post .post-tags { color: var(--color-text-muted); } .post .tag:hover { text-decoration: underline; } .post .post-arrow { display: block; padding: 2em; } .post .post-miniature { display: block; } .post-list.-masonry .post { transition: background 0.3s; } .post-list.-masonry .post:hover { background: var(--color-bg-hover); } .post-list.-masonry .post:hover * { color: var(--color-text-hover); } .post-list.-masonry .post .post-inner { padding: 18px 18px 50px; } .post-list.-masonry .post .post-miniature { margin-bottom: 2em; } .post-list.-masonry .post .post-caption { text-align: center; } .post-list.-masonry .post .post-caption > *:not(:last-child) { margin-bottom: 1em; } .post-list.-squares { display: flex; flex-wrap: wrap; margin: -25px; } .post-list.-squares .post { position: relative; float: left; } .post-list.-squares .post .post-miniature::after { content: ""; position: absolute; z-index: 10; top: 30px; right: 30px; bottom: 30px; left: 30px; transition: opacity 0.3s, visibility 0.3s; opacity: 0; background-color: var(--color-bg); } .post-list.-squares .post .post-inner { margin: 25px; } .post-list.-squares .post .post-container { position: relative; height: 100%; } .post-list.-squares .post .post-container:hover .post-miniature::after { opacity: 1; } .post-list.-squares .post .post-container:hover .post-caption { visibility: visible; z-index: 20; opacity: 1; } .post-list.-squares .post .post-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: hidden; z-index: 0; max-width: calc(100% - 60px); max-height: calc(100% - 60px); overflow: hidden; transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, background 0.3s; opacity: 0; text-align: center; } .post-list.-squares .post .post-caption-inner { width: 100%; padding: 30px 10px; } .post-list.-squares .post .post-caption-inner > *:not(:last-child) { margin-bottom: 1em; } .post-list.-rows { display: flex; flex-wrap: wrap; margin: -25px; } .post-list.-rows .post .post-inner { margin: 25px; text-align: center; } .post-list.-rows .post .post-container:hover .arrow { opacity: 1; } .post-list.-rows .post .post-caption { margin: 30px; } .post-list.-rows .post .post-caption > *:not(:last-child) { margin-bottom: 1em; } .post-list.-rows .post .arrow { opacity: 0.5; } .post-list.-rows .post .post-arrow { padding: 1.5em; } .post-list.-lineup .post { position: relative; } .post-list.-lineup .post::before { content: ""; position: absolute; right: 0; width: calc(75% - 40px); height: 100%; transition: background 0.3s; } .post-list.-lineup .post:hover * { color: var(--color-text-hover); } .post-list.-lineup .post:hover .vertical-line::before { opacity: 0.75; background-color: var(--color-text-hover); } .post-list.-lineup .post:hover .arrow, .post-list.-lineup .post:hover .arrow::before, .post-list.-lineup .post:hover .arrow::after { background-color: var(--color-text-hover); } .post-list.-lineup .post:hover::before { background-color: var(--color-bg-hover); } .post-list.-lineup .post:nth-child(even of :not(.-hidden)) .post-container { flex-direction: row-reverse; } .post-list.-lineup .post:nth-child(even of :not(.-hidden))::before { right: auto; left: 0; } .post-list.-lineup .post .post-container { display: flex; padding: 40px; } .post-list.-lineup .post .post-miniature { flex: 0 0 calc(50% + 40px); } .post-list.-lineup .post .post-caption { display: flex; position: relative; flex-direction: column; flex-grow: 1; align-items: center; justify-content: center; min-width: 0; padding: 40px; text-align: center; } .post-list.-lineup .post .post-tags { margin-bottom: 0.5em; } .post-list.-lineup .post .post-description { margin-top: 0.5em; } .post-list.-lineup .post .post-title, .post-list.-lineup .post .post-description { width: 100%; } .post-list.-lineup .post .post-container:hover .arrow { opacity: 1; } .post-list.-lineup .post .arrow { opacity: 0.5; } .post-list.-blog.-masonry .post, .post-list.-blog.-rows .post { width: 33.333333%; } .post-list.-blog.-squares .post { width: 50%; } .post-list.-announcement-list.-masonry .post, .post-list.-announcement-list.-rows .post { width: 33.333333%; } .post-list.-announcement-list.-squares .post { width: 50%; } .cover { position: relative; width: 100%; height: 80vh; min-height: 400px; } .cover.-fullscreen { height: 100vh; } .cover .slider, .cover .slider-viewport { height: 100%; } .cover .slider .slider-viewport { height: 100%; max-height: none; } .cover .slider { background: #d0d0d0; } .cover .cover-button { border-radius: 100px; } .cover .social-links { margin: 0; font-size: 24px; line-height: inherit; } .cover .social-links > .item > .link { color: #fff; } .cover .social-links > .item > .link:hover { color: rgba(255, 255, 255, 0.75); } .cover .cover-wrapper { display: flex; position: absolute; z-index: 200; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; margin: 40px 60px; pointer-events: none; } .cover .cover-wrapper.-has-arrows { margin-top: 32px; margin-bottom: 32px; } .cover .cover-wrapper > * { pointer-events: auto; } .cover .cover-header { line-height: 1.1; } .cover .cover-header.-large { font-size: 38px; } .cover .cover-header.-medium { font-size: 46px; } .cover .cover-header.-small { font-size: 60px; } .cover .cover-content { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 900px; text-align: center; } .cover .cover-content .cover-header, .cover .cover-content p { width: 100%; } .cover .cover-content .cover-header { color: #fff; } .cover .cover-content p { margin: 0; color: #fff; font-size: 16px; line-height: 1.3; } .cover .cover-content * + p { margin-top: 12px; } .cover .cover-content * + .cover-button { margin-top: 20px; } .cover .cover-content * + .cover-arrows { margin-top: 36px; } .cover .cover-content * + .cover-arrows.-small { margin-top: 25px; } .cover .cover-down-arrow { font-size: 18px; } .cover .cover-down-arrow::before { content: "\f175" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; } .cover .social-links > .item { display: inline-block; margin: 0 0 0.25em 1em; } .cover .social-links > .item:first-child { margin-left: 0; } .cover.-center .cover-arrows, .cover.-bottom .cover-arrows { margin-top: 40px; } .cover.-center .cover-count, .cover.-bottom .cover-count { padding: 0 30px; } .cover.-center .cover-content { flex-grow: 1; } .cover.-center .cover-count { padding: 0 30px; } .cover.-bottom .cover-wrapper { justify-content: flex-end; } .cover.-bottom .cover-down-arrow { margin-top: 40px; } .cover.-center-line .cover-content, .cover.-bottom-line .cover-content { width: 100%; } .cover.-center-line .cover-aside.-line, .cover.-bottom-line .cover-aside.-line { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 40px; padding-top: 15px; border-top: 1px solid #fff; } .cover.-center-line.-splash .cover-aside.-line, .cover.-bottom-line.-splash .cover-aside.-line { justify-content: space-between; } .cover.-center-line.-splash .cover-aside.-line::before, .cover.-bottom-line.-splash .cover-aside.-line::before { content: ""; } .cover.-center-line.-splash .cover-aside.-line .social-links, .cover.-bottom-line.-splash .cover-aside.-line .social-links { text-align: end; } .cover.-center-line.-splash .cover-aside.-line > .social-links-container, .cover.-center-line.-splash .cover-aside.-line::before, .cover.-bottom-line.-splash .cover-aside.-line > .social-links-container, .cover.-bottom-line.-splash .cover-aside.-line::before { width: calc((100% - 500px) / 2); } .cover.-center-line .cover-wrapper { justify-content: space-between; } .cover.-center-line .cover-content { flex-grow: 1; } .cover.-bottom-line .cover-wrapper { justify-content: flex-end; } .cover.-bottom-line .cover-down-arrow { margin-top: 40px; } .cover.-bottom-sides .cover-wrapper { justify-content: flex-end; } .cover.-bottom-sides .cover-bottom { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; } .cover.-bottom-sides .cover-content { flex: 1 0 auto; align-items: flex-start; text-align: left; } .cover.-bottom-sides .social-links { text-align: right; } .cover.-bottom-sides .cover-down-arrow { margin-top: 36px; } html { scroll-padding-top: 100px; } body.js-animated .page-header > .inner { transform: translateY(-40px); transition: transform 0.75s, opacity 0.75s; opacity: 0; } body.js-animated .page-header > .inner.-visible { transform: unset; opacity: 1; } body.js-animated .cover, body.js-animated .sections-container:not(.-no-animations) .sections-container-inner, body.js-animated .comment-list > .comment, body.js-animated .page-footer > .inner { z-index: 1; transform: translateY(40px); opacity: 0; } body.js-animated .cover.-visible, body.js-animated .sections-container.-visible:not(.-no-animations) .sections-container-inner, body.js-animated .comment-list > .comment.-visible, body.js-animated .page-footer > .inner.-visible { transform: unset; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; } .sections-container:not(.-max-width) .sections-container-inner { padding-right: 25px; padding-left: 25px; } .page-wrapper { display: flex; position: relative; flex-direction: column; flex-grow: 1; min-height: 100vh; overflow: hidden; } .page-header { position: relative; z-index: 550; padding: 50px 0; background: var(--color-menu-bg); } .page-header > .inner { display: flex; flex-direction: column; padding-right: 25px; padding-left: 25px; } .page-header > .inner .menu.-fixed { position: fixed; z-index: 300; top: 0; right: 0; left: 0; width: 100%; transform: translateY(-40px); opacity: 0; background-color: var(--color-menu-bg); } .page-header > .inner .menu.-fixed.-visible { transform: translateY(0); transition: transform 0.5s; opacity: 1; } .page-header > .inner .menu.-fixed .menu-list { align-items: center; justify-content: center; margin-right: 0; padding: 0; } .page-header > .inner::after { content: none; } .page-header .logo { flex-shrink: 0; margin-bottom: 40px; } .page-header .social-links > .item > .link { color: var(--color-menu-text); } .page-header .social-links > .item > .link:hover { color: var(--color-menu-text-muted); } .logo { text-align: center; } .social-links { margin-top: 18px; font-size: 28px; line-height: 1.5; text-align: center; } .social-links > .item { display: inline-block; margin: 0 0.5em; } .social-links > .item:first-child { margin-left: 0; } .social-links > .item:last-child { margin-right: 0; } .social-links > .item > .link { transition: color 0.3s; outline: 0; color: var(--color-text); text-decoration: none; } .social-links > .item > .link:hover { color: var(--color-text-muted); } .page-main { position: relative; flex-grow: 1; } body.-menu-accent .page-main:not(.sections-page) .sections-container:first-child, body.-menu-contrast .page-main:not(.sections-page) .sections-container:first-child { margin-top: 25px; } body.-menu-default .page-main:not(.sections-page) .sections-container:first-child .sections-container-inner, body.-menu-border .page-main:not(.sections-page) .sections-container:first-child .sections-container-inner { padding-top: 0; } body.-has-cover .page-main:not(.sections-page) .sections-container:first-child .sections-container-inner { padding-top: 50px; } body.-menu-accent .page-main.sections-page .sections-container.-theme-pad-before.-background-accent .sections-container-inner { padding-top: 0; } body.-menu-contrast .page-main.sections-page .sections-container.-theme-pad-before.-background-contrast .sections-container-inner { padding-top: 0; } body.-menu-default .page-main.sections-page .sections-container.-theme-pad-before.-background-default .sections-container-inner { padding-top: 0; } body.-has-cover .page-main.sections-page .sections-container.-theme-pad-before .sections-container-inner { padding-top: 50px !important; } .page-footer { padding: 50px 0 18px; font-size: 14px; text-align: center; } .page-footer .inner { max-width: 960px; } .page-footer .inner > *:not(:last-child) { margin-bottom: 25px; } .footer-content p { margin: 0; } .menu.-fixed { padding: 8px 0; } .menu-list { justify-content: center; text-align: center; } .menu-list > .menu-item::before { position: absolute; right: -20px; transform: translateX(50%); color: var(--color-menu-separator); font-family: Arial, sans-serif; } .menu-list > .menu-item.-undotted::before, .menu-list > .menu-item:last-child::before { content: none; } .menu-list .menu-item > .link::after { content: ""; display: block; visibility: hidden; position: absolute; right: 0; bottom: -2px; left: 0; height: 1px; transform: scaleX(0) translate(0, 0); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: var(--color-menu-text); } .menu-list .menu-item:not(.-category:not(.-parent)) > .link:hover::after, .menu-list .menu-item.-active > .link::after { visibility: visible; transform: scaleX(1) translate(0, 0); } .menu-list .submenu .menu-item > .link::after { background-color: var(--color-submenu-text); } .menu-list > .menu-item { margin: 0 20px; padding: 8px 0; } .divider { position: relative; border-bottom: 1px solid var(--color-border); } .labeled-divider-section { border-bottom: 0; } .labeled-divider-section .label { background: transparent; } .listing { text-align: center; } body.is-marketing-informer-visible .page-header > .inner .menu.-fixed, body.is-marketing-informer-visible .page-wrapper { top: var(--marketing-informer-height); } body.is-marketing-informer-visible .page-wrapper { min-height: calc(100vh - var(--marketing-informer-height)); }