/* Start:/bitrix/templates/default/css/gfonts/css.css?161761803821716*/ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(/bitrix/templates/default/css/gfonts/KFOkCnqEu92Fr1MmgVxIIzI.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; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmSU5fBBc4.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; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu7GxKOzY.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/bitrix/templates/default/css/gfonts/KFOmCnqEu92Fr1Mu4mxK.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; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmEU9fBBc4.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; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmWUlfBBc4.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; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.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; font-display: swap; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(/bitrix/templates/default/css/gfonts/KFOlCnqEu92Fr1MmYUtfBBc4.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; font-display: swap; } /* ----------> */ /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local('Rubik Light'), local('Rubik-Light'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Fqj2mZ8WDm7Q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local('Rubik Light'), local('Rubik-Light'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Fqj2mf8WDm7Q.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local('Rubik Light'), local('Rubik-Light'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Fqj2mT8WDm7Q.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; font-display: swap; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local('Rubik Light'), local('Rubik-Light'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Fqj2md8WA.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; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(/bitrix/templates/default/css/gfonts/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(/bitrix/templates/default/css/gfonts/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(/bitrix/templates/default/css/gfonts/iJWKBXyIfDnIV7nPrXyi0A.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; font-display: swap; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(/bitrix/templates/default/css/gfonts/iJWKBXyIfDnIV7nBrXw.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; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local('Rubik Medium'), local('Rubik-Medium'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7EyjmmZ8WDm7Q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local('Rubik Medium'), local('Rubik-Medium'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Eyjmmf8WDm7Q.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local('Rubik Medium'), local('Rubik-Medium'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7EyjmmT8WDm7Q.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; font-display: swap; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local('Rubik Medium'), local('Rubik-Medium'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7Eyjmmd8WA.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; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7F6iGmZ8WDm7Q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7F6iGmf8WDm7Q.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7F6iGmT8WDm7Q.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; font-display: swap; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7F6iGmd8WA.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; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: local('Rubik Black'), local('Rubik-Black'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7FCimmZ8WDm7Q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* hebrew */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: local('Rubik Black'), local('Rubik-Black'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7FCimmf8WDm7Q.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: local('Rubik Black'), local('Rubik-Black'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7FCimmT8WDm7Q.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; font-display: swap; } /* latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 900; src: local('Rubik Black'), local('Rubik-Black'), url(/bitrix/templates/default/css/gfonts/iJWHBXyIfDnIV7FCimmd8WA.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; font-display: swap; } /* End */ /* Start:/bitrix/templates/default/fonts/icons/icons.css?16176273223400*/ @font-face { font-family: 'icons'; src: url('/bitrix/templates/default/fonts/icons/font/icons.eot?42375732'); src: url('/bitrix/templates/default/fonts/icons/font/icons.eot?42375732#iefix') format('embedded-opentype'), url('/bitrix/templates/default/fonts/icons/font/icons.woff2?42375732') format('woff2'), url('/bitrix/templates/default/fonts/icons/font/icons.woff?42375732') format('woff'), url('/bitrix/templates/default/fonts/icons/font/icons.ttf?42375732') format('truetype'), url('/bitrix/templates/default/fonts/icons/font/icons.svg?42375732#icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: '\e800'; } /* '' */ .icon-ok-circled:before { content: '\e801'; } /* '' */ .icon-star:before { content: '\e802'; } /* '' */ .icon-star-empty:before { content: '\e803'; } /* '' */ .icon-thumbs-up:before { content: '\e804'; } /* '' */ .icon-thumbs-down:before { content: '\e805'; } /* '' */ .icon-chat:before { content: '\e806'; } /* '' */ .icon-ok-circled2:before { content: '\e807'; } /* '' */ .icon-location:before { content: '\e808'; } /* '' */ .icon-trash-empty:before { content: '\e809'; } /* '' */ .icon-basket:before { content: '\e80a'; } /* '' */ .icon-credit-card:before { content: '\e80b'; } /* '' */ .icon-floppy:before { content: '\e80c'; } /* '' */ .icon-down-open-big:before { content: '\e80d'; } /* '' */ .icon-left-open-big:before { content: '\e80e'; } /* '' */ .icon-right-open-big:before { content: '\e80f'; } /* '' */ .icon-up-open-big:before { content: '\e810'; } /* '' */ .icon-attention-circled:before { content: '\e813'; } /* '' */ .icon-attention:before { content: '\e814'; } /* '' */ .icon-phone:before { content: '\e816'; } /* '' */ .icon-cog:before { content: '\e817'; } /* '' */ .icon-cog-alt:before { content: '\e818'; } /* '' */ .icon-zoom-in:before { content: '\e81c'; } /* '' */ .icon-rss:before { content: '\f09e'; } /* '' */ .icon-hdd:before { content: '\f0a0'; } /* '' */ .icon-chat-empty:before { content: '\f0e6'; } /* '' */ .icon-lightbulb:before { content: '\f0eb'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ .icon-angle-left:before { content: '\f104'; } /* '' */ .icon-angle-right:before { content: '\f105'; } /* '' */ .icon-angle-up:before { content: '\f106'; } /* '' */ .icon-angle-down:before { content: '\f107'; } /* '' */ .icon-smile:before { content: '\f118'; } /* '' */ .icon-direction:before { content: '\f124'; } /* '' */ .icon-sort-alt-up:before { content: '\f160'; } /* '' */ .icon-sort-alt-down:before { content: '\f161'; } /* '' */ .icon-file-archive:before { content: '\f1c6'; } /* '' */ .icon-sliders:before { content: '\f1de'; } /* '' */ .icon-street-view:before { content: '\f21d'; } /* '' */ .icon-shopping-basket:before { content: '\f291'; } /* '' */ .icon-volume-control-phone:before { content: '\f2a0'; } /* '' */ .icon-user-circle-o:before { content: '\f2be'; } /* '' */ .icon-user-o:before { content: '\f2c0'; } /* '' */ .icon-microchip:before { content: '\f2db'; } /* '' */ /* End */ /* Start:/bitrix/templates/default/js/crocobox/jquery.crocobox.css?161606740710198*/ /* crocobox */ #crocobox_shadow { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,0.4); z-index: 50000; } #crocobox { display: none; position: fixed; background: #3c60a6; top: 50%; left: 50%; padding: 40px 50px 0 50px; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); z-index: 55000; } #crocobox .form-group { margin-bottom: 20px; } #crocobox button[type=submit] { display: block; width: 225px; margin: 30px auto 0; } #crocobox_close { display: block; position: absolute; z-index: 100; top: 20px; right: 20px; width: 24px; height: 24px; background: url(/bitrix/templates/default/js/crocobox/images/close.svg) no-repeat 0 0; cursor: pointer; } /*#crocobox_close:after, #crocobox_close:before { content: ""; position: absolute; top: 11px; left: 0; display: block; height: 3px; width: 25px; background: #b0b0b0; -webkit-transition: opacity 0.3s,-webkit-transform 0.3s; transition: opacity 0.3s,transform 0.3s; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #crocobox_close:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #crocobox_close:hover:before { opacity: 1; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } #crocobox_close:hover:after { opacity: 1; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }*/ .crocobox_content { position: relative; padding-top: 5px; color: #fff; /*max-width: 520px;*/ } .crocobox_content h1 { display: block; text-align: center; margin: 0 0 20px; font-size: 30px; line-height: 0.8; } .crocobox_content .crocobox_subtitle { /*position: absolute; top: 35px;*/ display: block; width: 100%; text-align: center; opacity: 0.6; margin-bottom: 30px; } .crocobox_content a { border-bottom: 1px solid; text-decoration: none !important; } .crocobox_content .action { color: #e040fb; font-weight: 600; } #crocobox .form_spacer { margin: 45px 0 25px; font-weight: bold; font-size: 16pt; } #crocobox .form_spacer_light { margin: 0 0 25px; font-size: 11pt; display: block; opacity: 0.7; } #crocobox .form_block { margin-bottom: 25px; } #crocobox .form_block input[type="text"], #crocobox .form_block textarea { width: 100%; height: 50px; border: none; border-bottom: 2px solid #9dafd2; padding: 0; box-shadow: none; font-size: 13pt; outline: none; background: transparent; color: #fff; } #crocobox .form_block textarea { resize: none; padding: 15px; height: 160px; } #crocobox .form_block textarea.disc_text { padding: 0; height: 100px; } #crocobox .form_block input[type="text"]:focus, #crocobox .form_block textarea:focus { border-bottom: 2px solid #65c750; } #crocobox .form_block ::-webkit-input-placeholder {color:#9dafd2;} #crocobox .form_block ::-moz-placeholder {color:#9dafd2;}/* Firefox 19+ */ #crocobox .form_block :-moz-placeholder {color:#9dafd2;}/* Firefox 18- */ #crocobox .form_block :-ms-input-placeholder {color:#9dafd2;} #crocobox .form_block textarea.textarea_fullpage { width: 100%; } #crocobox .form_block .block_text { position: relative; line-height: 50px; display: block; width: 170px; float: left; } #crocobox .form_block .block_text .fileOr { position: absolute; display: block; opacity: 0.5; top: 40px; } #crocobox .form_block.show_file_block { margin-bottom: 0; margin-top: 40px; display: block; width: 100%; } #crocobox .form_block.show_file_block .one_file { display: table; width: 100%; position: relative; margin-bottom: 9px; } #crocobox .form_block.show_file_block .one_file div { display: table-cell; vertical-align: middle; position: relative; border: 2px dashed #748ebf; border-radius: 5px; padding: 10px; font-size: 15px; } #crocobox .form_block.show_file_block .one_file span { position: absolute; right: 10px; top: 10px; display: block; height: 20px; padding-left: 20px; font-size: 12px; opacity: 0.5; cursor: pointer; } #crocobox .form_block.show_file_block .one_file span:before { content: ""; position: absolute; left: 0; top: 2px; display: block; width: 15px; height: 15px; background: url(/bitrix/templates/default/js/crocobox/images/close.svg) no-repeat 0 0; background-size: contain; filter: brightness(100%); } #crocobox .form_block.show_file_block .one_file span:hover { opacity: 1; } #crocobox span.del_req { position: absolute; right: 10px; top: 10px; z-index: 10; display: block; width: 21px; height: 21px; font-size: 12px; opacity: 0.5; cursor: pointer; text-indent: -9000px; display: none; } #crocobox span.del_req:before { content: ""; position: absolute; left: 3px; top: 3px; display: block; width: 15px; height: 15px; background: url(/bitrix/templates/default/js/crocobox/images/close.svg) no-repeat 0 0; background-size: contain; filter: brightness(100%); } #crocobox span.del_req:hover { opacity: 1; } #crocobox .form_block.file_block { margin-top: 0; margin-bottom: 20px; display: table; width: 100%; } #crocobox .form_block.file_block.file_two { position: relative; margin-top: 0; margin-bottom: 0; } #crocobox .form_block .file_wrap { display: table-cell; vertical-align: middle; position: relative; height: 110px; border: 2px dashed #748ebf; border-radius: 5px; padding: 0; text-align: center; font-size: 11pt; overflow: hidden; } #crocobox .form_block.notfull .file_wrap { height: 42px; } #crocobox .form_block .file_linked { position: relative; overflow: hidden; cursor: pointer; font-size: 13pt; color: #fff; } #crocobox .form_block .file_linked span { display: block; font-size: 11pt; color: #9dafd2; } #crocobox .form_block .file_desc { color: #9dafd2; font-size: 10pt; } #crocobox .form_block input[type="file"] { position: absolute; top: 0; width: 5000px; height: 110px; margin-left: -4400px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 400px; cursor: pointer; } #crocobox .form_block textarea.message { height: 300px; } #crocobox input[type=submit] { border: none; width: 100%; height: 50px; display: block; background: #65c750; border-radius: 100px; color: #fff; text-align: center; line-height: 49px; margin-top: 40px; font-size: 13pt; font-weight: 400; cursor: pointer; transition: 0.2s all; outline: none; } #crocobox input[type=submit]:hover { opacity: 0.9; } #crocobox .form_block input.error { border-color: #ff0000; } #crocobox .rc_answer { color: #fff; text-align: center; font-size: 13pt; } #crocobox .rc_answer p:first-child { margin-top: 20px; } #crocobox .rc_answer p:last-child { margin-bottom: 20px; } #privacy_block { font-size: 13px; /*overflow: hidden;*/ position: relative; } #privacy_block a { text-decoration: none; color: #fff; border-bottom: 1px dotted; } #privacy_block input { display: block; float: left; margin-top: 2px; width: 16px; height: 16px; vertical-align: top; } #privacy_block label { display: block; width: auto; margin-left: 25px; font-size: 13px; text-align: left; font-weight: 300; } @media (max-width: 767px) { #crocobox { padding: 40px 30px 30px; } } @media (max-width: 980px) { #crocobox .form_block.show_file_block .one_file span { text-indent: -9000px; } #crocobox .form_block.show_file_block .one_file span:before { left: 2px; } } #spin_shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } /* preloader */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* calc_uploader animation container */ .preload { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 1px solid #3c60a6; border-radius: 30px; background: #fff; z-index: 10100; } /* Spinning circle (inner circle) */ .preload .maskedCircle { width: 38px; height: 38px; border-radius: 20px; border: 20px solid #3c60a6; } /* Spinning circle mask */ .preload .mask { width: 20px; height: 20px; overflow: hidden; } /* Spinner */ .preload .spinner { position: absolute; left: 2px; top: 2px; width: 38px; height: 38px; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /* End */ /* Start:/bitrix/templates/default/js/fancy/jquery.fancybox.css?151360509414413*/ @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image::before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; } .fancybox-close-small:hover:after { color: #555; background: #eee; } /* Caption */ .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover { background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; } .fancybox-button--left::after { left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; left: 40px; } .fancybox-button--right { border-bottom-right-radius: 5px; right: 40px; } .fancybox-button--left, .fancybox-button--right { display: none; position: absolute; z-index: 99999; top: 50%; width: 100px; height: 100px; margin-top: -50px; border-radius: 100px; } .fancybox-show-infobar .fancybox-button--left, .fancybox-show-infobar .fancybox-button--right { display: block; } .fancybox-button--left::after { left: 42px; top: 40px; width: 20px; height: 20px; background: transparent; border-top: solid 4px currentColor; border-right: solid 4px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 42px; top: 38px; width: 20px; height: 20px; background: transparent; border-top: solid 4px currentColor; border-right: solid 4px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close { float: right; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Loading spinner */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; } .fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; } /* Thumbs */ .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } } /* End */ /* Start:/bitrix/templates/default/js/swiper/swiper-4.5.min.css?163828519319778*/ /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233C60A6'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233C60A6'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/bitrix/templates/default/components/bitrix/menu/header_mainmenu/style.css?15096254051252*/ .header__menu { display: inline-block; float: left; font-size: 10pt; font-weight: 200; } .header__menu a { border-bottom: none; text-decoration: none; } .header__menu ul { list-style: none; margin: 0; padding: 0; width: 100%; z-index: 500; } .header__menu > ul > li { float: left; position: relative; //transition: all 0.2s; padding: 10px 20px; } .header__menu > ul > li:first-child { } .header__menu > ul > li:last-child { } .header__menu-item { display: inline-block; font-size: 12pt; color: #000000; text-decoration: none; box-sizing: border-box; border-bottom: 1px solid #E9E9E9;; transition: all 0.2s; } .header__menu-item:hover { border-bottom: 1px solid #E9E9E9;; } @media (max-width: 1319px) { .header__menu > ul > li {padding: 10px 10px;} } @media (max-width: 991px) { .header__menu-item {font-size: 11pt;} } @media (max-width: 900px) { .header__menu { width: 100%; } .header__menu > ul > li { width:100%; padding: 0; border-bottom: 1px solid #f6f6f6; } .header__menu-item { display: block; font-size: 12pt; color: #000000; border-bottom: none; transition: all 0.2s; padding:10px 20px; text-align: center; } .header__menu-item:hover { border: none; } } /* End */ /* Start:/bitrix/templates/default/components/informula/search.title/header/style.css?15144752314179*/ #searchTitle_text { position: absolute; top:50%; transform: translateY(-50%); font-size: 10.5pt; line-height: 1.1; left:0; right:45px; padding: 0 0 0 20px; margin-top: 2px; } #searchTitle_text span { font-weight: 400; cursor: pointer; border-bottom: 1px dotted; } .search_form input::-webkit-input-placeholder { color: #787878; } .search_form input:-moz-placeholder { color: #787878; } .search_form { position: relative; width: 100%; height: 50px; padding-top: 10px; } .search_form form { width: 100%; height: 100%; } .search_form input[type=text] { width: 100%; height: 35px; margin: 0; border: none; font-size: 11pt; font-weight: 300; color: #000; outline: none; padding: 0 45px 0 20px; background-color: #fff; border-radius: 30px; } .search_form input[type=submit] { position: absolute; top: 4px; right: 15px; z-index: 10; display: block; width: 25px; height: 48px; margin: 0; padding: 0; border: none; text-indent: -9000px; background-image: url(/bitrix/templates/default/images/search_blue.svg); background-position: right center; background-repeat: no-repeat; background-color: transparent; outline: none; } .search_form .cleaner { display: none; } .search_form.active .cleaner { position: absolute; top: 4px; right: 42px; display: block; width: 20px; height: 48px; margin: 0; padding: 0; background-image: url(/bitrix/templates/default/components/informula/search.title/header/images/clean.svg); background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; cursor: pointer; } div#sCont { } div.title-search-result { background: #fff; box-shadow: 0px 10px 65px 10px rgba(0, 0, 0, 0.05); display:none; overflow:hidden; z-index:300; } table.title-search-result { border-collapse: collapse; border:none; } table.title-search-result td { background-color: #fff; font-weight:normal; padding: 5px 0; text-align:left; /*white-space:nowrap;*/ font-weight: 400; padding: 20px; font-size: 10pt; } table.title-search-result td.title-search-item { padding: 8px 20px; border-bottom: 2px solid #f6f6f6; font-size: 12pt; } table.title-search-result td.title-search-item a { display: block; color: #000; text-decoration: none; } table.title-search-result td.title-search-item a:hover span.name { text-decoration: underline; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color: #2fb007; font-weight: 400; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { /* background-color: #e8ded8;*/ } table.title-search-result td.title-search-more { } table.title-search-result td.title-search-more a{ /* display: none; text-decoration:none; color:#2fb007; border-bottom: 1px dotted #babac6; width: 100%; background: #efefef; text-align: center; display: block; line-height: 40px; */} table.title-search-result td.title-search-all { /* padding: 15px 20px;*/ } table.title-search-result td.title-search-all a { text-decoration:none; color: #3c60a6; width: 100%; background: #efefef; text-align: center; display: block; line-height: 40px; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/default/components/informula/search.title/header/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size: 13px; } div.title-search-result td.title-search-price span { font-size: 26pt; } .srchTitle { font-size: 12pt!important; font-weight: 500!important; color: #2166a0!important; } .srchImg { display: table-cell; width: 115px; float: left; height: 60px; padding-left: 15px; } .srchImgNONE { display: table-cell; width: 115px; padding-left: 15px; text-align: center; float: left; } table.title-search-result td:first-child { padding-top: 20px !important; } .searchSection { font-size: 13px; opacity: 0.6; } /* End */ /* Start:/bitrix/templates/default/components/bitrix/catalog.section.list/catmenu/style.css?15093758554906*/ #catmenu_container_title { margin-bottom: 60px; } #catmenu_container_title .title { font-size: 17pt; color: #000; font-weight: 400; } #catmenu_container {} #catmenu_container .sc_item { display: block; width: 20%; float: left; position: relative; padding:0 1px; } #catmenu_container .sc_item a { display: block; position: relative; } #catmenu_container .sc_item .main_section { font-weight: 500; text-decoration: none; padding: 10px 25px 10px 70px; border-radius: 6px; height: 70px; color: #000; font-size: 14px; margin: 0; display: table; table-layout: fixed; width: 100%; } #catmenu_container .sc_item .main_section span { display: table-cell; height: 50px; vertical-align: middle; width: 100%; } /*#catmenu_container .sc_item:hover .main_section,*/ #catmenu_container .sc_item .main_section.active { color: #fff; background-color: #3C60A6; } #catmenu_container .sc_item .msBefore:before { content: ""; width: 70px; height: 50px; display: block; position: absolute; left: 0; background-position: center center; background-repeat: no-repeat; /* background-size: 40px auto;*/ } #catmenu_container .sc_item .active.msBefore:before/*, #catmenu_container .sc_item:hover .msBefore:before*/ { filter: brightness(0) invert(1); } #catmenu_container .sc_item .subMenu { z-index: 199; margin: -6px 0px 25px; padding: 15px 20px; display: none; top: 60px; position: absolute; background-color: #3C60A6; width: calc(100% - 2px); //width: 100%; border-radius: 0 0 6px 6px; left:1px; -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25); } #catmenu_container .sc_item .subMenu a:first-child { border-top: 1px solid #fff; padding-top: 20px; } #catmenu_container .sc_item .subMenu a { color: #fff; font-weight: 400; text-decoration: none; padding-bottom: 15px; line-height: 14px; } #catmenu_container .sc_item .subMenu a:hover { color: #65C750; } @media (max-width: 1319px) { #catmenu_container .sc_item .main_section { padding: 10px 15px 10px 55px; font-size: 13px; } #catmenu_container .sc_item .msBefore:before { width: 50px; //background-size: 35px auto; } #catmenu_container .sc_item .subMenu { margin: -6px 0px 25px; padding: 15px 20px 15px 20px; } } @media (max-width: 991px) { #catmenu_container .sc_item .main_section { padding: 30px 10px 0; font-size: 13px; text-align: center; height: 80px; line-height: 1.1; } #catmenu_container .sc_item .msBefore::before { //background-size: 35px auto; left: 50%; margin-left: -25px; width: 50px; top: 0; } #catmenu_container .sc_item .subMenu { margin: 0px 0px 25px; padding: 15px 20px 15px 20px; top:80px; //width: auto; width: 200px; border-radius: 0 6px 6px 6px; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); } #catmenu_container .sc_item:nth-child(5) .subMenu { left:auto; right: 1px; border-radius: 6px 0 6px 6px; } } @media (max-width: 767px) { #catmenu_container .sc_item .main_section { font-size: 12px; transition: background-color 0.2s ease, border-radius 0.2s ease; } #catmenu_container .sc_item .main_section.opened { color: #fff; background-color: #3C60A6; border-radius: 6px 6px 0 0; } #catmenu_container .sc_item .main_section.opened:before { filter: brightness(0) invert(1); } } @media (max-width: 639px) { #catmenu_container .sc_item .main_section span { display: none; } #catmenu_container .sc_item .main_section { height: 50px; } #catmenu_container .sc_item .subMenu { top:50px; } #catmenu_container .sc_item:nth-child(4) .subMenu { left:auto; right: 1px; border-radius: 6px 0 6px 6px; } #catmenu_container .sc_item:nth-child(3) .subMenu { left:50%; right: auto; margin-left: -100px; border-radius: 6px; } } @media (min-width: 768px) and (max-width: 991px) { #catmenu_container .sc_item:hover .main_section { //color: #fff; //background-color: #3C60A6; border-radius: 6px 6px 0 0; } } @media (min-width: 768px) { #catmenu_container .sc_item .subMenu { display: none!important; } #catmenu_container .sc_item:hover .subMenu { display: block!important; opacity: 1!important; } #catmenu_container .sc_item:hover .main_section { color: #fff; background-color: #3C60A6; } #catmenu_container .sc_item:hover .msBefore:before { filter: brightness(0) invert(1); } } /* End */ /* Start:/bitrix/templates/default/components/bitrix/breadcrumb/default/style.css?1503931119117*/ .breadcrumb { padding: 0; margin-bottom: 0; list-style: none; background-color: #f5f5f5; font-size: 8pt; } /* End */ /* Start:/bitrix/templates/default/components/bitrix/catalog.section.list/footer_catmenu/style.css?150651851232*/ #footer_catmenu_container { } /* End */ /* Start:/bitrix/templates/default/components/bitrix/news.list/footer_brandmenu/style.css?150651865797*/ #footer_brandmenu {} #footer_brandmenu .fb_item { display: block; width: 33.3%; float: left; } /* End */ /* Start:/bitrix/templates/default/template_styles.css?175224454672399*/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } html, body { border: 0px; margin: 0px; padding: 0px; height: 100%; } body { font-size: 10pt; line-height: 15pt; font-weight: 300; font-family: 'Rubik', sans-serif; } table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } td { vertical-align: top; border: 0px; margin: 0px; padding: 0px; border-collapse: collapse; } input, textarea { font-family: 'Rubik', sans-serif; } ::selection { color: #000; background-color: #ffdcb2;} h1, .h1 { font-size: 29pt; font-weight: 400; margin-top: 10px; } .h3 { margin-bottom: 20px; } .clear { clear: both; } #bx-panel-back { display: none !important; } #bx-panel.bx-panel-fixed { position: relative !important; } #wrap { margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; /*min-width: 1120px;*/ overflow: hidden; padding-top: 70px; position: relative; } .dp { /*max-width: 1260px;*/ margin: 0 auto; position: relative; padding: 0 20px; } .btn { display: block; text-align: center; line-height: 40px; background: #65C750; border-radius: 100px; color: #fff; cursor: pointer; font-weight: 500; } .auth_block { margin: 40px 0; } #header { position: absolute; top: 0; left: 0; right: 0; min-width: 320px; z-index: 200; height: 70px; background: #FFFFFF; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.17); } #header.header_fixed { position: fixed; } #logo { position: absolute; top: 11.5px; left:20px } #mainmenu { position: absolute; left: 220px; top: 15px; } #header_order { position: absolute; right: 410px; top: 14px; display: block; width: 110px; height: 42px; line-height: 42px; text-align: center; font-size: 12pt; font-weight: 400; color: #000; background: #ffdd09; border-radius: 100px; text-decoration: none; } #header_order:hover, #header_order:focus { box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.2); } #phone { top: 18px; position: absolute; right: 150px; font-size: 24px; font-weight: 400; line-height: 18px; } #phone > a { color:#000; text-decoration: none; } #phone a.top_mail { font-size: 10pt; display: inline-block; cursor: pointer; color: #000; border-bottom: 1px dotted; line-height: 14px; margin-right: 16px; } #phone span.rc_callback { font-size: 10pt; display: inline-block; cursor: pointer; color: #65C750; border-bottom: 1px dotted; line-height: 14px; } #rightpanel { position: absolute; /*right: 0;*/ right:20px; top:0; } #rightpanel #user, #rightpanel #cart { width: 100px; height: 70px; border-left: 1px solid #eee; float: left; } #rightpanel #user { background: url(/bitrix/templates/default/images/user.svg) center center no-repeat; position: relative; } #rightpanel #user #user_open { display: none; position: absolute; top: 70px; right: 0; z-index: 99; background: #3C60A6; padding: 15px 25px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #rightpanel #user:hover { background: #3C60A6 url(/bitrix/templates/default/images/user_a.svg) center center no-repeat; } #rightpanel #user:hover #user_open { display: block; } #rightpanel #cart { /*background: url(/bitrix/templates/default/images/cart.png) center center no-repeat;*/ border-right: 1px solid #eee; } #rightpanel #user #usermenu a { white-space: nowrap; color: #fff; display: block; line-height: 40px; border-bottom: 1px solid #5d79ae; min-width: 160px; } #rightpanel #user #usermenu a:last-child { border: none; } #header_search { /*margin-top: 2px;*/ height: 55px; border-bottom: 1px solid #eee; background-color: #37589e; } #header_search:hover { /*background: #fff;*/ } #brandline { padding: 20px 0; height: 110px; overflow: hidden; } #index_1 { padding: 20px 0; background: #f6f6f6; } #index_1 #index_1_1 { float: left; /* width: 75.90%;*/ /* width: 100%;*/ width: calc(100% + 20px); } #index_1_2 { float: left; width: 24.10%; height: 620px; display: block; } #index_1_2 #getSpec, #index_1_2 #banner, #getSpec, #banner { position: relative; display: block; width: 100%; height: 300px; background: #fff; } #index_1_2 #getSpec, #getSpec { /*margin-bottom: 20px;*/ background: #3C60A6; color: #fff; padding: 25px; cursor: pointer; } #index_1_2 #getSpec span.title, #getSpec span.title { font-size: 17pt; line-height: 17pt; font-weight: 400; display: block; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #637fb7; } #index_1_2 #getSpec span.filetype, #getSpec span.filetype { opacity: 0.7; display: block; padding: 20px 0; } #banner .banner_item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9000px; background-position: 50% 0; background-size: cover; background-repeat: no-repeat; } #index_1_3 { padding: 50px 0 0; height: 240px; } #index_2 { padding: 40px 0; } #catmenu { padding: 20px 0; } #pageTitle { padding: 25px 0; background: #f6f6f6; } #footer_menu { border-top: 1px solid #F6F6F6; padding: 50px 0; } #footer_line { background: #e6e6e6; padding: 30px 0; float: left; width: 100%; } #footer_line .fl_item { float: left; } #footer_line .fl_item span { font-weight: 400; display: block; margin-bottom: 15px; font-size: 12pt; } #footer_line .fl_item.fli_1 { width: 25%; } #footer_line .fl_item.fli_2 { width: 50%; } #footer_line .fl_item.fli_3 { position: absolute; right: 20px; font-weight: 400; } #footer_line .fl_item.fli_3 .fcontacts { margin: 25px 0 15px; } #footer_line .fl_item.fli_3 .ftime { font-size: 10pt; margin: 15px 0; color: #333; } #footer_line .fl_item.fli_3 .fcontacts a:first-child { font-size: 17pt; } #footer_line .fl_item.fli_3 .fcopyright { margin-top: 15px; font-size: 9pt; } a.footerLink { font-size: 10pt; color: #000; border-bottom: 1px solid #d2d2d2; line-height: 24pt; } a.footerLink:hover { text-decoration: none; border-bottom: 1px solid #6fcd59; } .cart-btn { /*width: 98px;*/ width:100%; height: 70px; background: #fff; text-indent: -999em; display: block; position: relative } .cart-btn:before { content: ""; position: absolute; width: 34px; height: 34px; left: 50%; top: 50%; margin: -17px 0 0 -17px; background-image: url("/bitrix/templates/default/images/cart-header.svg"); background-repeat: no-repeat; background-size: contain; } .cart-btn span { position: absolute; top: 15px; /*right: 25px;*/ left:63%; transform:translateX(-50%); /*margin-left: 5px;*/ display: block; color: #fff; background: #65C750; padding: 2px 6px; border-radius: 10px; font-size: 9pt; line-height: normal; text-indent: initial; } .otherPage { padding-top:35px; padding-bottom: 35px; } .otherPage .otherLeft { width: 280px; } .otherPage .otherLeft.personal { width: auto; border-right: 1px solid #ECECEC; padding-right: 50px; } .otherPage .otherRight { width: auto; border-left: 1px solid #ECECEC; padding-left: 50px; } .otherPage .otherRight.personal { width: 280px; } /* .otherPage-table { display:table; width: 100%; } .otherPage-table__left { display: table-cell; vertical-align: top; height: 100%; width: 280px; } .otherPage-table__left.personal { width: auto; border-right: 1px solid #ECECEC; padding-right: 50px; } .otherPage-table__right { display: table-cell; vertical-align: top; height: 100%; width: auto; border-left: 1px solid #ECECEC; padding-left: 50px; } .otherPage-table__right.personal { width: 280px; } */ .otherPage-table { display:inline-block; width: 100%; } .otherPage-table__left { width: 280px; float:left; margin-left: -100%; } .otherPage-table__left #index_1_2 { width: 100%; height: auto !important; margin-top: 60px; } .otherPage-table__right-wrapper { float:left; width:100%; } .otherPage-table__right-inner { margin-left: 280px; } .otherPage-table__right { border-left: 1px solid #ECECEC; padding-left: 50px; /*float:right;*/ /*width: 100%;*/ } #addedToBasket { position: absolute; top: 50%; right: -400px; margin-top: -60px; width: 350px; height: 120px; z-index: 9999; background: #fff; border-radius: 5px; padding: 15px 25px; color: #000; box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); } #addedToBasket .added_text { font-size: 12pt; } #addedToBasket:before { content: ""; display: block; position: absolute; z-index: 110; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 10px; left: -20px; right: auto; top: 50%; margin-top: -10px; } /* #addedToBasket:after { content: ""; display: block; position: absolute; z-index: 105; border-color: transparent rgba(0,0,0,0.2) transparent transparent; border-style: solid; border-width: 11px; left: -22px; top: 50%; margin-top: -11px; } */ .tab_content #addedToBasket { left: -370px; } .tab_content #addedToBasket:before { border-color: transparent transparent transparent #fff; right: -20px; left: auto; } /* .tab_content #addedToBasket:after { border-color: transparent transparent transparent rgba(0,0,0,0.2); right: -22px; left: auto; } */ #addedToBasket .main_close { position: absolute; top: 8px; right: 10px; color: #f00; text-decoration: none; font-weight: 500; font-size: 15pt; transform: rotate(-45deg); } #addedToBasket .buttons { margin-top: 15px; } #addedToBasket .buttons a { display: inline-block; text-decoration: none; text-align: center; padding: 5px 10px; margin: 0 10px 0 0; border-radius: 4px; } #addedToBasket .buttons a.added_close { border: 1px dotted #0f0; } #addedToBasket .buttons a.make_order { background: #65c750; color: #fff; } /* оформление заказа */ #crocobox.makeorder { padding: 0; background: #fff; } #crocobox.makeorder .rc_answer { display: none; padding: 40px; font-size: 15px; color: #000; } #crocobox.makeorder .rc_answer .h2 { color: #000; } #crocobox.makeorder .h2 { font-size: 28px; color: #FFFFFF; line-height: 28px; font-weight: 400; margin: 0 0 25px; } #crocobox.makeorder .crocobox_content { padding: 0; } #crocobox.makeorder:not(.makeorder_done) #crocobox_close { background: url(/bitrix/templates/default/js/crocobox/images/close_blue.svg) no-repeat 0 0; } /* #crocobox.makeorder table.orderTable { table-layout: fixed; width: 100%; } #crocobox.makeorder table.orderTable td.left_block { width: 380px; height: 100%; padding: 40px; background: #3c60a6; } #crocobox.makeorder table.orderTable td.right_block { position: relative; height: 100%; padding: 40px 40px 290px 40px; background: #fff; color: #000; } #crocobox.makeorder table.orderTable td.right_block .to_bottom { position: absolute; bottom: 40px; right: 40px; width: 540px; } */ #crocobox.makeorder .orderTable { display: table; table-layout: fixed; width: 100%; background: #3c60a6; } #crocobox.makeorder .orderTable .left_block { display: table-cell; vertical-align: top; width: 38%; /*height: 100%;*/ padding: 40px; /*background: #3c60a6;*/ } #crocobox.makeorder .orderTable .right_block { position: relative; /*height: 100%;*/ padding: 40px 40px 290px 40px; background: #fff; color: #000; width: 62%; display: table-cell; } #crocobox.makeorder .orderTable .right_block .to_bottom { position: absolute; bottom: 40px; right: 40px; left: 40px; /*width: 540px;*/ } #crocobox.makeorder textarea, #crocobox.makeorder textarea:focus { display: block; width: 100%; height: 97px; border: 1px solid #CBCBCB; border-radius: 6px; resize: none; color: #000; } #crocobox.makeorder input[type=submit] { margin-top: 25px; margin-bottom: 0; } #crocobox.makeorder #privacy_block a { color: #337ab7; } #crocobox.makeorder #privacy_block a:hover, #crocobox.makeorder #privacy_block a:focus { color: #23527c; border-bottom: 1px solid; } #crocobox.makeorder .tab_link { float: left; cursor: pointer; font-size: 24px; } #crocobox.makeorder .tab_link.first { margin-right: 30px; } #crocobox.makeorder .tab_link.active { color: #000; border-bottom: 1px solid transparent; } #crocobox.makeorder .tab_link.inactive { color: #3C60A6; border-bottom: 1px dotted; } #crocobox.makeorder #delivery_block p, #crocobox.makeorder #order_block p { font-size: 11pt; } #crocobox.makeorder #order_block .table_block { position: relative; padding: 0 0 0 18px; border-radius: 10px; overflow: hidden; } #crocobox.makeorder #order_block .table_block:before { content: ""; position: absolute; top: 0; left: 0; z-index: 90; display: block; width: 100%; height: 20px; background-image: linear-gradient(0deg, rgba(255,255,255,0.00) 0%, #F1F1F1 100%); } #crocobox.makeorder #order_block .table_block:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 90; display: block; width: 100%; height: 20px; background-image: linear-gradient(0deg, #F1F1F1 0%, rgba(255,255,255,0.00) 100%); } #crocobox.makeorder #order_block table { position: relative; z-index: 100; table-layout: fixed; width: 100%; } #crocobox.makeorder #order_block table td { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #e8e8e8; font-weight: 400; font-size: 14px; color: #000000; line-height: 16px; } #crocobox.makeorder #order_block table tr:last-child td { border-bottom: none; } #crocobox.makeorder #order_block table .name { width: 300px; } #crocobox.makeorder #order_block table .name a { border-bottom: none; } #crocobox.makeorder #order_block table .quantity { width: 70px; text-align: right; padding-right: 15px; } #crocobox.makeorder #order_block table .quantity .value { color: #3C60A6; border-bottom: 1px dotted; cursor: pointer; text-decoration: none; } #crocobox.makeorder #order_block table .quantity .input { display: none; float: right; } #crocobox.makeorder #order_block .quantity .cp_price_count { width: 50px; position: relative; } #crocobox.makeorder #order_block .quantity .cp_price_count input { display: inline-block; width: 50px; text-align: center; height: 32px; margin: 0; padding: 0 15px 0 0; box-shadow: inset 0 3px 6px 0 rgba(215,215,215,.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12pt; font-weight: 500; background: #fff; border: 1px solid #ccc; } #crocobox.makeorder #order_block .quantity .minus, #crocobox.makeorder #order_block .quantity .plus { background: #EDEDED; color: #737373; text-align: center; text-decoration: none; font-size: 10pt; cursor: pointer; width: 15px; height: 15px; position: absolute; top: 1px; right: 1px; line-height: 13px; font-weight: 600; } #crocobox.makeorder #order_block .quantity .plus { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } #crocobox.makeorder #order_block .quantity .minus { right: 1px; top: 16px; border-top: 0; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } #crocobox.makeorder #order_block .quantity .minus:hover, #crocobox.makeorder #order_block .quantity .plus:hover { background: #3C60A6; color: #fff; } #crocobox.makeorder #order_block table td.price { text-align: right; padding-right: 15px; } #crocobox.makeorder #order_block table .delete { width: 15px; } #crocobox.makeorder #order_block table .delete span { display: block; width: 15px; height: 15px; padding: 0; opacity: 0.5; background: url(/bitrix/templates/default/images/delete.png) no-repeat 0 0; background-size: contain; /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ transition: 0.2s all; cursor: pointer; } #crocobox.makeorder #order_block table .delete span:hover { opacity: 0.8; } #crocobox.makeorder #order_block .total { padding: 20px 0; font-size: 17px; font-weight: 400; } #crocobox.makeorder #order_block .total .sum { float: right; font-size: 18px; font-weight: 500; } .nav-open { width:50px; height:50px; /*border-left: 1px solid #eee;*/ position: absolute; /*border-right: 1px solid #eee;*/ padding: 18px 13px 0; top:0; right: 0; } .nav-open__line { width:100%; height:3px; float: left; background-color:#777; } .nav-open__line + .nav-open__line { margin-top:3px; } .table-responsive { margin:0; border:none; } .rc-table-responsive { padding: 0 18px 0 0; max-height: 400px; overflow-y: auto; } .filter-open__wrapper { display:inline-block; width:100%; text-align: center; margin:0 0 20px; } .filter-open { display:inline-block; background-color: #3c60a6; color:#fff; position:relative; padding:5px 45px 5px 20px; border-radius:30px; } .filter-open:hover, .filter-open:focus { color:#fff; text-decoration: none; } .filter-open:after { content: ""; position: absolute; right:15px; top:50%; transform: translateY(-50%); width: 16px; height: 17px; background: url(/bitrix/templates/default/images/filter.svg) no-repeat; } .filter__button-close { background: rgba(0, 0, 0, 0) url(/bitrix/templates/default/js/crocobox/images/close_blue.svg) no-repeat scroll 0 0; cursor: pointer; display: block; height: 24px; position: absolute; right: 0px; top: -5px; width: 24px; z-index: 100; } .filter_head .filter__button-close { background: rgba(0, 0, 0, 0) url(/bitrix/templates/default/js/crocobox/images/close.svg) no-repeat scroll 0 0; cursor: pointer; display: block; height: 24px; position: absolute; right: 23px; top: 23px; width: 24px; z-index: 100; } .logo-title{ color: black; display: inline-block; font-size: 14px; line-height: 1.2; width:130px; font-weight: bold; text-transform: uppercase; margin-top: 9px; } .logo-link{ display: flex; align-items: center; } .logo-link img{ height: 47px; } a.logo-link,a.logo-link:hover{ text-decoration: none; } .prodLeft div.fastCont { margin: 15px 5px 0px -50px; } .label-discount__wrapper { background: #54C656; display: inline-block; padding: 0 30px 0 15px; margin: 5px 0 15px; font-size: 13pt; font-weight: 400; line-height: 50px; position: relative; color: #fff; text-decoration: none!important; } .label-discount__wrapper:before { content: ""; display: block; position: absolute; top: 0; left: -40px; border: 25px solid transparent; border-right: 15px solid #54C656; } .label-discount__wrapper:after { content: ""; display: block; position: absolute; top: 0; right: 0px; border: 25px solid transparent; border-right: 15px solid #fff; } .label-discount__wrapper:hover .label-discount { color: #fff; border-color: #fff; text-decoration: none; } .label-discount__wrapper:focus .label-discount { color: #fff; text-decoration: none; } .label-discount { font-size: 13pt; font-weight: 400; line-height: 50px; color: #fff; display: inline; border-bottom: 1px dotted rgba(255,255,255,0.5); transition: border-color 0.3s ease; } .delivery-link { background-color: #f6f6f6; display: block; overflow: hidden; position: relative; padding: 20px; min-height: 330px; text-decoration: none !important; } .delivery-link:hover .delivery-link__bg:before { transform: scale(3.5,3.5); } .delivery-link__title { font-size: 18px; line-height: 24px; color: #333; text-decoration: none !important; } .delivery-link__bg { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .delivery-link__bg:before { content: ""; position: absolute; width: 84.5%; height: 78%; bottom: -5px; right: -5px; background: url(/bitrix/templates/default/images/bg-delivery.svg) no-repeat; background-size: cover; transform-origin: 50% 50%; transition: transform 0.4s ease-in-out; } .delivery-link__content { position: relative; z-index: 3; } .delivery-link__img { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); z-index: 2; -webkit-backface-visibility: hidden; } .delivery-link_zadvizhka { margin-bottom: 30px; margin-right: 35px; } .delivery-link_zadvizhka .delivery-link__img { position: absolute; right: 50%; top: 0; transform: translate(50%,0); z-index: 2; -webkit-backface-visibility: hidden; } .delivery-link__button { background-color: #fedb34; position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 5; font-size: 14px; color: #333; } .delivery-link_horizontal { min-height: 100px; padding: 12px; margin-top: 27px; } .delivery-link_horizontal:hover .delivery-link__bg:before { transform: scale(7,7); } .delivery-link_horizontal .delivery-link__button { position: relative; left: 0; right: 0; bottom: 0; margin-top: 15px; height: auto; padding: 12px 40px; display: inline-block; line-height: 1.1; } .delivery-link_horizontal .delivery-link__img { max-width: 30%; margin-top: -20px; } .delivery-link_horizontal .delivery-link__title { max-width: 75%; font-size: 16px; } .delivery-link_horizontal .delivery-link__bg:before { width: 53%; height: 200%; bottom: -100px; } .delivery-link_horizontal.delivery-link_zadvizhka { margin: 20px; } .delivery-link_horizontal.delivery-link_zadvizhka .delivery-link__img { right: 40px; max-width: 30%; max-height: 151%; transform: translate(0); margin-top: -60px; } .delivery-link_horizontal.delivery-link_zadvizhka .delivery-link__title { display: inline-block; margin-top: 23px; font-size: 22px; } .delivery-link_horizontal.delivery-link_zadvizhka .delivery-link__button { float: right; margin-right: 150px; } .tabs_primary .tabs__header { border-bottom: 2px solid #3d5fa6; margin-bottom: 30px; } .tabs_primary .tab_link { float: none !important; display: inline-block; margin-bottom: 0 !important; font-size: 13pt !important; padding: 10px 25px; border: 2px solid #e5e5e5 !important; border-bottom: none !important; border-radius: 5px 5px 0 0; margin-right: 6px !important; position: relative; vertical-align: bottom; background-color: #fff; } .tabs_primary .tab_link.active { /*background-color: #3d5fa6 !important;*/ color: #3d5fa6 !important; border-color: #3d5fa6 !important; bottom: -2px; } .tabs_primary .tab_link.inactive { color: #7f7f7f !important; padding-top: 6px; padding-bottom: 6px; } .tabs_primary .tab_link:last-child { margin-right: 0 !important; } .form__helper { margin-top: 20px; } .form_block { position: relative; } .form-block__hint { display: none; background-color: #fff; height: 50px; padding-left: 39px; padding-right: 18px; position: absolute; left: 100%; margin-left: 11px; top: 50%; transform: translate(0,-50%); z-index: 110; box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); } .form-block__hint-inner { width: 100%; height: 50px; display: flex; justify-content: center; flex-direction: column; font-size: 13px; color: #000000; line-height: 1.15; white-space: nowrap; } .form-block__hint:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 25px 20px 25px 0; border-color: transparent #ffffff transparent transparent; top: 0; left: -20px; } .form-block__hint:after { content: ""; position: absolute; width: 21px; height: 21px; top: 50%; left: 10px; transform: translate(0,-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gIDxwYXRoIGZpbGw9IiNGMDAiIGQ9Ik05Ljk5MDIwODMzLC00LjQ0MDg5MjFlLTE1IEMxNS40OTg4NTQyLC00LjQ0MDg5MjFlLTE1IDE5Ljk4MDMxMjUsNC40ODE1NjI1IDE5Ljk4MDMxMjUsOS45OTAyMDgzMyBDMTkuOTgwMzEyNSwxNS40OTg4NTQyIDE1LjQ5ODg1NDIsMTkuOTgwNDE2NyA5Ljk5MDIwODMzLDE5Ljk4MDQxNjcgQzQuNDgxNTYyNSwxOS45ODA0MTY3IDAsMTUuNDk4ODU0MiAwLDkuOTkwMjA4MzMgQzAsNC40ODE1NjI1IDQuNDgxNjY2NjcsLTQuNDQwODkyMWUtMTUgOS45OTAyMDgzMywtNC40NDA4OTIxZS0xNSBaIE05Ljk5MDIwODMzLDE4LjQxNzkxNjcgQzE0LjYzNzI5MTcsMTguNDE3OTE2NyAxOC40MTc4MTI1LDE0LjYzNzI5MTcgMTguNDE3ODEyNSw5Ljk5MDIwODMzIEMxOC40MTc4MTI1LDUuMzQzMTI1IDE0LjYzNzE4NzUsMS41NjI1IDkuOTkwMjA4MzMsMS41NjI1IEM1LjM0MzEyNSwxLjU2MjUgMS41NjI1LDUuMzQzMTI1IDEuNTYyNSw5Ljk5MDIwODMzIEMxLjU2MjUsMTQuNjM3MjkxNyA1LjM0MzEyNSwxOC40MTc5MTY3IDkuOTkwMjA4MzMsMTguNDE3OTE2NyBaIE05Ljk5MDIwODMzLDEyLjYwNDQ3OTIgQzkuMjcxMTQ1ODMsMTIuNjA0NDc5MiA4LjY4ODEyNSwxMi4wMjE1NjI1IDguNjg4MTI1LDExLjMwMjUgTDguNjg4MTI1LDUuMzY1NzI5MTcgQzguNjg4MTI1LDQuNjQ2NTYyNSA5LjI3MTE0NTgzLDQuMDYzNjQ1ODMgOS45OTAyMDgzMyw0LjA2MzY0NTgzIEMxMC43MDkyNzA4LDQuMDYzNjQ1ODMgMTEuMjkyMjkxNyw0LjY0NjU2MjUgMTEuMjkyMjkxNyw1LjM2NTcyOTE3IEwxMS4yOTIyOTE3LDExLjMwMjM5NTggQzExLjI5MjI5MTcsMTIuMDIxNDU4MyAxMC43MDkyNzA4LDEyLjYwNDQ3OTIgOS45OTAyMDgzMywxMi42MDQ0NzkyIFogTTkuOTkwNTIwODMsMTMuMzEzMjI5MiBDMTAuMzMzMjI5MiwxMy4zMTMyMjkyIDEwLjY2ODY0NTgsMTMuNDUxNzcwOCAxMC45MTEzNTQyLDEzLjY5NDQ3OTIgQzExLjE1MjkxNjcsMTMuOTM2MTQ1OCAxMS4yOTI2MDQyLDE0LjI3MTU2MjUgMTEuMjkyNjA0MiwxNC42MTQyNzA4IEMxMS4yOTI2MDQyLDE0Ljk1Njk3OTIgMTEuMTUyOTE2NywxNS4yOTM0Mzc1IDEwLjkxMTM1NDIsMTUuNTM1MTA0MiBDMTAuNjY4NjQ1OCwxNS43Nzc4MTI1IDEwLjMzMzIyOTIsMTUuOTE2MzU0MiA5Ljk5MDUyMDgzLDE1LjkxNjM1NDIgQzkuNjQ3ODEyNSwxNS45MTYzNTQyIDkuMzExMjUsMTUuNzc3ODEyNSA5LjA2OTU4MzMzLDE1LjUzNTEwNDIgQzguODI2OTc5MTcsMTUuMjkzNDM3NSA4LjY4ODQzNzUsMTQuOTU2OTc5MiA4LjY4ODQzNzUsMTQuNjE0MjcwOCBDOC42ODg0Mzc1LDE0LjI3MTU2MjUgOC44MjY5NzkxNywxMy45MzYxNDU4IDkuMDY5NTgzMzMsMTMuNjk0NDc5MiBDOS4zMTEyNSwxMy40NTE3NzA4IDkuNjQ3ODEyNSwxMy4zMTMyMjkyIDkuOTkwNTIwODMsMTMuMzEzMjI5MiBaIi8+PC9zdmc+); background-repeat: no-repeat; } .form-block__hint_checkbox { left: -25px; margin: 0 0 25px; top: auto; transform: translate(0,0); bottom: 100%; } .form-block__hint_checkbox:before { top: auto; bottom: -19px; left: 10px; border-style: solid; border-width: 20px 25px 0 25px; border-color: #ffffff transparent transparent transparent; } p + .video-iframe__wrapper { margin-top: 32px; } .video-iframe__wrapper { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 32px; } .video-iframe__wrapper_catalog { margin-top: 25px; } .video-iframe__wrapper > iframe { width: 100% !important; height: 100% !important; position: absolute; } .text-normal { font-weight: 400 !important; } .text-larger { font-size: 120% !important; } .text-primary { color: #3c60a6 !important; } .content-styles { font-weight: 300; font-size: 14px; /*color: #333333;*/ line-height: 1.42; } .content-styles p { margin: 0 0 15px; font-weight: 300; font-size: 14px; /*color: #333333;*/ line-height: 1.42; } .content-styles ul:not([class]) { list-style-type: none; margin: 0 0 16px; padding: 0; } .content-styles ul:not([class]) li { position: relative; padding-left: 16px; margin: 0 0 10px; } .content-styles ul:not([class]) li:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #37579E; left: 0; top: 8px; } .content-styles h4 { margin-bottom: 16px; } .content-styles p + h4, .content-styles ul + h4, .content-styles ol + h4 { margin-top: 32px; } .content-styles p + h2, .content-styles ul + h2, .content-styles ol + h2 { margin-top: 40px; } .content-styles_lg { font-size: 16px; line-height: 1.7; } .content-styles_lg p { font-size: 16px; line-height: 1.7; } .page-content { margin-top: 45px; } .brand-products { margin-top: 60px; } .brand-products__list { margin: 0 -10px; font-size: 0; } .brand-products__item-wrapper { padding: 0 10px; float: none; font-size: 14px; display: inline-block; vertical-align: top; margin-bottom: 48px; } .brand-products__item { text-align: center; display: block; overflow: hidden; text-decoration: none !important; } .brand-products__item:hover .brand-products__title { text-decoration: underline; } .brand-products__img { height: 150px; margin: 0 auto 16px; display: block; } .brand-products__title-wrapper { position: relative; padding-top: 18px; line-height: 1.42; font-weight: 300; font-size: 14px; color: #333333; } .brand-products__title-wrapper:before { content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: 50px; height: 2px; background-color: #65C750; } .brand-products__title { font-weight: 300; font-size: 14px; color: #333333; line-height: 1.42; } .brand-products__count { color: #989898; text-decoration: none !important; } .brand-catalog { margin-top: 30px; margin-bottom: 15px; } .brand-catalog__list { margin: 0 -10px; } .brand-catalog__item-wrapper { padding: 0 10px; } .brand-catalog__item { position: relative; height: 375px; background-color: #FCFCFC; margin-bottom: 20px; } .brand-catalog__img { display: block; height: 185px; background-position: center center !important; background-size: /*85% auto*/ contain !important; background-repeat: no-repeat !important; width: 100%; margin-top: 10px; margin-bottom: 10px; position: relative; } .brand-catalog__img:before { content: ""; position: absolute; display: block; width: 100%; top: -10px; bottom: -10px; -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.1); transition: 0.2s all; } .brand-catalog__img:hover:before { -webkit-box-shadow: inset 0px 0px 50px 0px rgba(60, 95, 165, 0.3); -moz-box-shadow: inset 0px 0px 50px 0px rgba(60, 95, 165, 0.3); box-shadow: inset 0px 0px 50px 0px rgba(60, 95, 165, 0.3); } .brand-catalog__desc { padding: 16px; max-height: 175px; overflow: hidden; } .brand-catalog__title-wrapper { margin-bottom: 8px; } .brand-catalog__title { font-weight: 400; font-size: 13px; color: #333333; line-height: 1.53; } .brand-catalog__title:hover, .brand-catalog__title:focus { color: #333; } .brand-catalog__mod { font-weight: 300; font-size: 13px; color: #737373; line-height: 1.53; margin-bottom: 8px; } .brand-catalog__cost { font-weight: 500; font-size: 17px; color: #000000; line-height: 1.17; } .brand-video { margin-top: 40px; } .brand-video__item { display: block; text-decoration: none !important; margin-bottom: 24px; } .brand-video__img-wrapper { position: relative; margin-bottom: 8px; } .brand-video__img { display: block; width: 100%; } .brand-video__title-wrapper {} .brand-video__title { font-weight: 400; font-size: 13px; color: #333333; line-height: 1.53; border-bottom: 1px solid rgba(51,51,51,0.5); transition: border-color 0.3s ease; display: inline; } .brand-video__item:hover .brand-video__title { color: #333333; border-color: transparent; } .brand-video__item:focus .brand-video__title { color: #333333; } .brand-info { text-align: center; } .brand-info__logo { margin: 0 auto 8px; display: block; max-width: 100%; } .brand-info__country { font-weight: 500; font-size: 14px; color: #333333; text-align: center; line-height: 1.21; margin-bottom: 4px; } .brand-info__link-wrapper {} .brand-info__link { font-weight: 300; font-size: 14px; color: #37579E; line-height: 1.42; text-decoration: underline; } .brand-info__link:hover { text-decoration: none; color: #37579E; } .brand-info__link:focus { color: #37579E; } .brand-info__certificate-wrapper { border: 1px solid #D8D8D8; display: inline-block; margin-top: 24px; } .brand-info__certificate { display: block; max-width: 100%; } .brand-info_header { width: 33.333%; } .label-excl { position: absolute; left: 50%; overflow: hidden; height: 40px; display: flex; justify-content: center; flex-direction: column; text-align: center; z-index: 2; color: #fff; font-weight: 500; transform: translate(-50%,-50%); padding: 0 40px; line-height: 1.21; font-size: 14px; } .label-excl:before, .label-excl:after { content: ''; position: absolute; width: calc(100% - 20px); height: 100%; left: 50%; top: 0; background: #37579E; z-index: -1; } .label-excl:before { transform: skewX(20deg) translate(-50%,0); } .label-excl:after { transform: skewX(-20deg) translate(-50%,0); } .brand-docs { margin-top: 32px; } .brand-docs__list { margin: 0 -10px; } .brand-docs__item-wrapper { margin-bottom: 16px; padding: 0 10px; } .brand-docs__item { display: inline-block; position: relative; text-decoration: none !important; } .brand-docs__item_pdf { padding: 12px 0 0 36px; } .brand-docs__item_pdf:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 28px; height: 32px; background: url("/bitrix/templates/default/images/icon-pdf.svg") no-repeat; } .brand-docs__title { font-weight: 400; font-size: 13px; color: #333333; line-height: 1.53; border-bottom: 1px dashed rgba(51,51,51,0.5); transition: border-color 0.3s ease; display: inline; } .brand-docs__item:hover .brand-docs__title { border-color: transparent; color: #333; } .brand-docs h4 { margin-top: 0; } .brand-page__content { padding-right: 65px; } .mt44 { margin-top: 44px; } .pageTitle__back { position: absolute; left: 20px; /*top: 50%; transform: translate(0,-50%);*/ bottom: 20px; padding-left: 21px; } .pageTitle__back:before { content: ""; position: absolute; width: 13px; height: 8px; left: 0; top: 50%; transform: translate(0,-50%); background: url("/bitrix/templates/default/images/arrow-left.svg") no-repeat; } .btn_yellow { position: relative; display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; color: #000; background: #ffdd09; border-radius: 100px; text-decoration: none; padding: 0 30px; } .btn_yellow:hover { box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.2); } .btn_green { display: block; text-align: center; line-height: 40px; background: #54C656; border-radius: 100px; color: #fff; cursor: pointer; font-weight: 500; padding: 0 20px; } .btn_green:hover { color: #fff; background: #57D15A; } .btn_green:focus { color: #fff; } .btn_blue { background-color: #3C60A6; color: #fff; border-radius: 2px; } .btn_blue:hover { background-color: #3E69BE; color: #fff; } .btn_blue:focus { color: #fff; } .btn_blue-empty { background-color: #fff; color: #3C60A6; border-radius: 2px; border: 2px solid #3C60A6; transition: color 0.3s ease, background-color 0.3s ease; } .btn_blue-empty:hover { color: #fff; background-color: #3C60A6; } .btn_blue-empty:focus { background-color: #fff; color: #3C60A6; } .btn_xlg { height: 60px; line-height: 60px; font-size: 22px; } .btn_md { height: 32px; line-height: 28px; padding: 0 15px; font-weight: 500; font-size: 13px; } .btn_sm { height: 30px; line-height: 28px; font-size: 13px; } .mt15 { margin-top: 15px; } .mt30 { margin-top: 30px; } @media (max-width: 1319px) { #mainmenu {left:190px;} #header_order {right:365px;} #rightpanel #user, #rightpanel #cart {width: 70px;} #phone {right:110px;} #index_1 #index_1_1 {width: calc(100% + 20px);} #index_1_2 {width: 30%;} } @media (max-width: 1039px) { #crocobox.makeorder #order_block table .name { width: 50%; } /*#crocobox.makeorder { position: absolute; margin-left: 0!important; left:20px; width: auto!important; right:20px; }*/ } @media (max-width: 1130px) { #header_order { display: none; } } @media (max-width: 991px) { #header {height: 60px;} #wrap {padding-top: 60px;} #logo {top:6.5px;} /*#logo img {width:110px;}*/ #mainmenu {left:155px; top:10px;} #header_order {display:none;} #phone span.rc_callback {display:none;} #phone {top:9px; font-size: 16px; right: 100px;} #rightpanel #user, #rightpanel #cart {width: 55px; height: 60px;} #rightpanel #user {background-size:35px!important;} #rightpanel #user #user_open {top:60px;} .cart-btn {height: 60px;} .cart-btn:before {width:25px; height:25px; background-size:100% auto!important; margin:-13px 0 0 -10px;} .cart-btn span {font-size:8pt; top:11px;} #index_1 #index_1_1 {width: 100%;} #index_1_2 {width: 100%; height: auto;} #index_1_2 #getSpec {width: calc(50% - 10px); float:left;} #index_1_2 #banner {width: calc(50% - 10px); float:right;} .brand-page__content { padding-right: 15px; } .brand-info { margin-top: 32px; } .brand-info_header { margin-top: 0; } /*.pageTitle__back { position: relative; top: 0; left: 0; transform: translate(0,0); margin-top: 16px; }*/ } @media (max-width: 900px) { #header {height: 50px;} #wrap {padding-top: 50px} #logo {top:5px;} #logo img {height: 40px;} #phone {right: 110px;} #mainmenu { display:none; position:absolute; left:0; right:0; top:51px; z-index: 50; background-color: #fff; /*border-top: 1px solid #eee;*/ box-shadow: 0 4px 4px 0 rgba(0,0,0,0.17); } #rightpanel {right:50px;} #rightpanel #user, #rightpanel #cart {width: 50px; height: 50px;} #rightpanel #user {background-size:30px!important;} #rightpanel #user #user_open {top:50px;} .cart-btn {height: 50px;} .cart-btn:before {width:22px; height:22px; background-size:100% auto!important; margin:-11px 0 0 -9px;} .cart-btn span {top:8px;} .form-block__hint_primary { left: 50%; margin: 20px 0 0; top: 100%; transform: translate(-50%,0); width: 100%; } .form-block__hint_primary:before { border-width: 0 25px 20px 25px; border-color: transparent transparent #ffffff transparent; left: 50%; transform: translate(-50%,0); top: -19px; } .form-block__hint_primary .form-block__hint-inner { white-space: normal; } } @media (max-width: 767px) { body.filter-opened {overflow: hidden;} #header { height: 50px; } #wrap { padding-top: 50px; } #mainmenu { display:none; position:absolute; left:0; right:0; top:50px; z-index: 50; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.17); } #rightpanel {right:50px;} #rightpanel #user, #rightpanel #cart {width: 50px; height: 50px;} #rightpanel #user {background-size:30px!important;} #rightpanel #user #user_open {top:50px;} .cart-btn {height: 50px;} .cart-btn:before {width:22px; height:22px; background-size:100% auto!important; margin:-11px 0 0 -9px;} .cart-btn span {top:8px;} #phone {/*top:16px;*/ font-size: 14px; right:125px;} /*#phone span.rc_callback {display:none;}*/ #searchTitle_text {font-size: 10pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #brandline {padding: 20px 0; height: 110px; overflow: hidden;} #index_1 {padding: 20px 0;} #pageTitle {padding: 10px 0;} h1 {font-size: 20pt;} #catmenu {padding: 10px 0;} #addedToBasket { position: fixed; top: 50%; right: 10px; left:50%!important; margin-top: 0; /*width: auto;*/ width:100%; max-width: 300px; min-height: 120px; height:auto; transform: translate(-50%,-50%); white-space: normal; /*z-index: 9999; background: #fff; border-radius: 5px; padding: 15px 25px; color: #000; box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);*/ } #addedToBasket .buttons a { display: block; margin: 10px 0 0; } #addedToBasket:before {display: none;} .otherPage-table__left { width: 100%; margin-left:0; } .otherPage-table__right-inner { margin-left:0; } .otherPage-table__right { border-left: none; padding-left: 0px; } .delivery-link_horizontal.delivery-link_zadvizhka .delivery-link__title { width: 100%; margin-top: 0; } .delivery-link_horizontal.delivery-link_zadvizhka .delivery-link__button { float: left; margin-right: 0px; } .brand-info_header { width: 100%; } .pageTitle__back { top: 15px; left: 50%; transform: translate(-50%,0); height: 21px; white-space: nowrap; } } @media (max-width: 599px) { #index_1_2 #getSpec {width: 100%;} #index_1_2 #banner {width: 100%; height:0; padding-bottom: 105%;} .brand-catalog__item-wrapper { width: 50%; } } @media (max-width: 479px) { #phone {top:0; height:50px; right:100px;} .phone__number { width:50px; height:50px; background: url(/bitrix/templates/default/images/phone.svg) center center no-repeat; text-indent: -999em; border-left: 1px solid #eee; display: block;} /*#logo {top:13px;} #logo img {width:90px;}*/ #phone a.top_mail { display: none; } .label-discount__wrapper { font-size: 9pt; padding: 0 25px 0 5px; } .label-discount { font-size: 9pt; } .prodLeft div.fastCont { font-size: 9pt; } } @media (max-width: 399px) { .brand-catalog__item-wrapper { width: 100%; } .brand-docs__item-wrapper { width: 100%; } } @media (min-width: 901px) { .nav-open { display: none!important; } #mainmenu { display: block !important; } .filter-open__wrapper { display: none!important; } .filter__button-close { display: none!important; } } @media (max-width: 900px) { #crocobox.makeorder { position: absolute; top: 50px; transform: translateX(-50%)!important; } #crocobox.makeorder #crocobox_close { background: url(/bitrix/templates/default/js/crocobox/images/close.svg) no-repeat 0 0; } #crocobox.makeorder .orderTable { display: block; } #crocobox.makeorder .orderTable .left_block, #crocobox.makeorder .orderTable .right_block { display: block; width: 100%; overflow: hidden; padding: 20px; } #crocobox.makeorder .orderTable .right_block { padding-bottom: 290px; } #crocobox.makeorder .orderTable .left_block .form_block { float: left; width: 32%; margin-right: 1%; } #crocobox.makeorder .orderTable .left_block .file_wrapper .form_block { float: left; width: 49%; margin-right: 1%; } #crocobox.makeorder .orderTable .left_block .file_wrapper .form_block.show_file_block { margin-top: 0; } .rc-table-responsive { overflow: visible; max-height: none; } .fl_item.fli_1 { display: none; } } @media (max-width: 650px) { #crocobox.makeorder .orderTable .left_block .form_block { float: none; width: 100%; margin-right: 0; } #crocobox.makeorder .orderTable .left_block .file_wrapper .form_block { width: 100%; margin-right: 0; } #crocobox.makeorder .orderTable .left_block .file_wrapper { /*display: none;*/ } } @media (min-width: 601px) { #crocobox.makeorder #order_block table td.name .mobile { display: none; } } @media (max-width: 600px) { #crocobox.makeorder #order_block table td.name { padding-right: 20px; } #crocobox.makeorder #order_block table td.quantity, #crocobox.makeorder #order_block table td.price { display: none; } #crocobox.makeorder #order_block table td.name .mobile { padding-top: 3px; } #crocobox.makeorder #order_block table td.name .value { color: #3C60A6; border-bottom: 1px dotted; cursor: pointer; text-decoration: none; } #crocobox.makeorder #order_block table td.name .mobile .price { padding-top: 10px; } #crocobox.makeorder .delivery_link { display: none; } #crocobox.makeorder .to_bottom .form_block { display: none; } #crocobox.makeorder .orderTable .right_block { padding-bottom: 20px; } #crocobox.makeorder .orderTable .right_block .to_bottom { position: relative; left: auto; right: auto; bottom: auto; } } @media (max-width: 530px) { .fl_item.fli_2 { display: none; } .fl_item.fli_3 { position: relative !important; padding-left: 20px; } } @media (min-width: 768px) { .dp { width: 98%; } /*.table-responsive { overflow: visible; }*/ } /*@media (min-width: 992px) { .dp { width: 970px; } }*/ @media (min-width: 1320px) { .dp { width: 1300px; } } .bx-composite-btn { display:none; } .bx-btn-red { display:none; } .bx-btn-border { display:none; } .bx-composite-btn-fixed { display:none; } .section_description h2 { font-size: 20px; color: #3c60a6; } .section_description b, .section_description span { font-weight: 500 !important; } .delivery-text b, .delivery-text span { font-weight: 500; } .table-content { margin: 30px 0; border-collapse: collapse; width: 100%; } .table-content.text-center th, .table-content.text-center td { text-align: center; vertical-align: middle; } .table-content th { font-weight: 500; border: 1px solid #e4e4e4; padding: 5px 10px; } .table-content td { border: 1px solid #e4e4e4; padding: 5px 10px; vertical-align: top; } .table-content img { max-width: 100%; } .table-content {} .table-content {} .table-content {} .flinks__item { margin-bottom: 10px; line-height: 15px; position: relative; z-index: 100; } .flinks__link { font-size: 13px; line-height: 15px; color: #39599C; border-bottom: 1px solid transparent; transition: border-color 0.3s ease; text-decoration: none !important; font-weight: 400; position: relative; z-index: 100; } .flinks__link:hover { border-color: #39599C; } .flinks__link_inline { display: inline-block; font-size: 13px; color: #333; margin-bottom: 10px; margin-right: 15px; text-decoration: underline; /*border-bottom: 1px solid #333;*/ transition: border-color 0.3s ease; font-weight: 400; } .flinks__link_inline:hover { text-decoration: none; color: #3C60A6; /*border-color: transparent;*/ } .price-column { font-family: 'Open Sans', sans-serif; font-weight: 400; } .cardMod { margin-right: 20px; } .cardDiam { position: relative; padding-left: 13px; color: #737373; } .cardDiam:before { content: ""; position: absolute; width: 9px; height: 10px; left: 0; top: 50%; transform: translate(0,-50%); background: url("/bitrix/templates/default/images/diam.svg") no-repeat; } .yabanner { float: left; display: block; width: 100%; margin: 20px 0; text-align: center; } .yabanner.yacatalog { float: none; } .yabanner.yacatalog img { max-width: 100%; height: auto; } #cat_banner { width: 100%; /*height: 135px;*/ overflow: hidden; margin: 20px 0 0; } .catalog-ad, .catalog-pic { width: 100%; height: 135px; background-color: #d8d8d8; display: none; text-indent: -9000px; background-repeat: no-repeat !important; } .catalog-ad.active, .catalog-pic.active { display: block; } .catalog-pic_responsive { height: 0; padding-bottom: 19.34%; background-size: 100% auto; } .ic-sale { position: relative; padding-right: 40px; } .ic-sale:after { content: ""; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 32px; height: 32px; background: url("/bitrix/templates/default/images/percent.svg") no-repeat; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } .ic-sale_top-right:after { top: 0; right: 0; transform: translate(0,-50%); } @media (max-width: 767px) { .ic-sale_top-right:after { width: 24px; height: 24px; } } .oneclick-modal { display: flex; } .oneclick-modal__desc { flex: 0 0 52.5%; max-width: 52.5%; background-color: #fff; padding: 38px 40px 40px; } .oneclick-modal__form { flex: 0 0 47.5%; max-width: 47.5%; padding: 32px 40px 40px; } .oneclick-modal__form-title { font-weight: normal; font-size: 28px; color: #FFFFFF; line-height: 1.4; margin-bottom: 15px; } .oneclick-modal__form-label { font-weight: 300; font-size: 17px; color: rgba(255,255,255,0.5); margin-bottom: 10px; } .oneclick-modal__img-wrapper { width: 100%; height: 0; padding-bottom: 100%; border-radius: 5px; position: relative; } .oneclick-modal__img-wrapper:before { content: ""; position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%; height: 100%; border-radius: 5px; -webkit-box-shadow: inset 0px 0px 100px 0px rgba(60, 95, 165, 0.3); -moz-box-shadow: inset 0px 0px 100px 0px rgba(60, 95, 165, 0.3); box-shadow: inset 0px 0px 100px 0px rgba(60, 95, 165, 0.3); } .oneclick-modal__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; } .oneclick-modal__title-wrapper { margin-bottom: 29px; } #crocobox.oneclick .form_block textarea { border: 2px solid #9dafd2; border-radius: 5px; } #crocobox.oneclick input:-moz-placeholder { color: rgba(255,255,255,0.5); } #crocobox.oneclick input::-moz-placeholder { color: rgba(255,255,255,0.5); opacity: 1; } #crocobox.oneclick input:-ms-input-placeholder { color: rgba(255,255,255,0.5); } #crocobox.oneclick input::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } #crocobox .oneclick-modal__title { font-weight: normal; font-size: 18px; color: #000000; line-height: 1.33; border-bottom: 1px solid rgba(0,0,0,0.4); transition: color 0.3s ease, border-color 0.3s ease; text-decoration: none !important; } #crocobox .oneclick-modal__title:hover { border-color: transparent; color: #000; } #crocobox .oneclick-modal__title:focus { color: #000000; border-bottom: 1px solid rgba(0,0,0,0.4); } #crocobox.oneclick { padding: 0; max-width: 800px !important; } #crocobox.oneclick .crocobox_content { padding-top: 0; } #crocobox.oneclick input[type="submit"] { height: 40px; line-height: 39px; margin-top: 24px; } /* Стили для конкурса - task 6552 */ .konkurs-banner { background: url('/bitrix/templates/default/images/konkurs-banner.png') no-repeat center center #EE731F;; display: block; width: 100%; height:50px; margin-top:-2px; } .konkurs-container { margin-top:0px; font-family: Roboto; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px; color: #444444; } .konkurs-container h4 { font-size: 20px; line-height: 22px; } .konkurs input.error { border-color:red !important; } .konkurs-zayavka { content: ""; color:black; /*position: absolute;*/ width:202px; top: -10px; left: -20px; right: -20px; bottom: -10px; background: #FFDD09; border-radius: 21px; text-align: center; padding-top: 12px; height:42px; } .button { padding-top:0; cursor: pointer; float:right; margin-top:-40px; font-size: 14px; width:250px; } .konkurs-doc-right { float:right; margin-top:-40px; } .docs-list__link_docx:before { content: ""; width:30px; height:40px; background: url(/bitrix/templates/default/images/icons/docx.png) no-repeat center center; display: block; position: absolute; margin-left:-40px; } .konkurs-file-size { font-family: Rubik; font-style: normal; font-weight: 300; font-size: 11px; line-height: 100%; color: rgba(0, 0, 0, 0.5); position: absolute; margin-left: -297px; margin-top:25px; } .form h4 { margin-bottom:20px; color: #3C60A6; } .konkurs-form-block { margin-top:50px; } .form input[type="text"], .form input[type="phone"], .form input[type="email"] { padding: 10px; border:none; border-bottom: 2px solid lightgray; width: 30%; margin-right: 15px; margin-top:5px; } .form input::placeholder { color: lightgray; font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.44); } .form input[type="radio"] { width:100px; } .form-doc { display: block; /*width:46%; margin-right:30px; margin-bottom:40px;*/ font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.44); /*float: left;*/ } .form-doc:hover { cursor: pointer; } .form-doc label:hover { cursor: pointer; } .form-doc input:hover { cursor: pointer; } .form input[type="file"] { opacity: 0; } .konkurs-file { width: 100%; height: 120px; border:2px dashed lightgray; text-align: center; font-family: Rubik; font-style: normal; font-weight: 300; font-size: 13px; line-height: 16px; font-style: normal; font-weight: 300; font-size: 17px; line-height: 20px; color: rgba(0, 0, 0, 0.5); padding:20px; } .konkurs-file_title { color: black; font-weight: 300; font-size: 17px; line-height: 20px; } .konkurs-rules * { display: inline-block; } .radio { text-align: center; margin-left: 35px; } .radio:before { content:""; display:inline-block; width:25px; height:25px; background: url(/bitrix/templates/default/images/icons/handle.svg) no-repeat center; margin-right:10px; position:absolute; margin-top: -2px; margin-left: -35px; } .chosen:before { content:""; width:25px; height:25px; margin-right:10px; display:inline-block; position:absolute; background: url(/bitrix/templates/default/images/icons/handle_new.svg) no-repeat center; /*margin-left: 22px;*/ margin-top: 8px; } .checkbox_chosen_chosen:before { content:""; width:25px; height:25px; margin-right:10px; display:inline-block; position:absolute; background: url(/bitrix/templates/default/images/icons/handle_new.svg) no-repeat center; margin-left: 3px; margin-top: -16px; } .form_block.file_block { margin-top: 0; margin-bottom: 20px; display: table; width: 100%; } .form_block.file_block.file_two { position: relative; margin-top: 0; margin-bottom: 0; } .form_block .file_wrap { display: table-cell; vertical-align: middle; position: relative; height: 88px; line-height: 22px; border: 2px dashed rgba(0, 0, 0, 0.12); border-radius: 5px; padding: 0; text-align: center; font-size: 13px; overflow: hidden; } .form_block.notfull .file_wrap { height: 42px; } .form_block .file_linked { position: relative; overflow: hidden; cursor: pointer; font-size: 15px; color: rgba(0, 0, 0, 0.8) } .form_block .file_linked span { display: block; font-size: 14px; color: rgba(0, 0, 0, 0.8); } .form_block .file_desc { color: rgba(0, 0, 0, 0.8); font-size: 13px; } .form_block input[type="file"] { position: absolute; top: 0; width: 5000px; height: 110px; margin-left: -4400px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 400px; cursor: pointer; } #AJAX { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 40px; line-height: 22px; color: #000000; text-align:center; margin-top:40px } @media (max-width: 992px) { .konkurs-banner_desc { visibility:hidden; position:absolute; } } @media (max-width: 850px) { .konkurs-banner * { display: block; } } @media (min-width: 890px) { #crocobox.oneclick #crocobox_close { right: -24px; top: -24px; } } @media (max-width: 767px) { .oneclick-modal { flex-wrap: wrap; } .oneclick-modal__desc { flex: 0 0 100%; max-width: 100%; padding: 38px 40px 40px; } .oneclick-modal__form { flex: 0 0 100%; max-width: 100%; padding: 38px 40px 40px; } .oneclick-modal__img-wrapper { padding-bottom: 50%; } .oneclick-modal__form-title { margin-bottom: 8px; font-size: 24px; } #crocobox.oneclick #crocobox_close { filter: invert(100%); } #crocobox.oneclick { top: 20px !important; transform: translate(-50%, 0) !important; left: 50% !important; } } @media (max-width: 479px) { .oneclick-modal__img-wrapper { padding-bottom: 100%; } .oneclick-modal__desc { padding: 20px 20px 20px; } .oneclick-modal__form { padding: 20px; } .oneclick-modal__title-wrapper { padding-right: 40px; } .oneclick-modal__title { font-size: 16px; } } .competition-alert { position: relative; display: block; background: #EE731F; text-decoration: none !important; margin-top: -1px; } .competition-alert__inner { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; } .competition-alert__desc { display: flex; justify-content: space-between; align-items: center; } .competition-alert__title { font-weight: 500; font-size: 21px; line-height: 1.19; text-transform: uppercase; color: #FFFFFF; } .competition-alert__text { font-weight: 500; font-size: 13px; line-height: 1.15; color: #FFFFFF; max-width: 245px; flex: 0 0 auto; margin-left: 85px; } .competition-alert__button { position: relative; height: 30px; padding: 0 20px; font-weight: 500; font-size: 13px; color: #000000; line-height: 30px; z-index: 3; white-space: nowrap; margin-left: 20px; background: #fff; border-radius: 30px; } @media screen and (max-width: 1319px) { .competition-alert__title { font-size: 17px; } .competition-alert__text { margin-left: 24px; } } @media screen and (max-width: 767px) { .competition-alert__inner { flex-wrap: wrap; justify-content: center; text-align: center; } .competition-alert__desc { flex-wrap: wrap; flex: 0 0 100%; margin-bottom: 8px; } .competition-alert__title, .competition-alert__text { flex: 0 0 100%; max-width: 100%; margin: 0; } .competition-alert__text { margin: 8px 0; } .competition-alert__button { margin: 0; } } .competition-terms__footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .competition-terms__btn { font-size: 16px; height: 42px; line-height: 42px; font-weight: normal; text-decoration: none !important; transition: color 0.3s ease, box-shadow 0.3s ease; margin: 20px 20px 20px 0; } .competition-terms__btn:hover { color: #000; } .competition-terms__doc { display: inline-block; position: relative; padding-left: 55px; font-weight: 300; font-size: 13px; line-height: 1.54; color: #3C60A6; text-decoration: none !important; } .competition-terms__doc:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 40px; height: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMEM4LjYyNSAwIDcuNSAxLjEyNSA3LjUgMi41VjM3LjVDNy41IDM4Ljg3NSA4LjYyNSA0MCAxMCA0MEgzNUMzNi4zNzUgNDAgMzcuNSAzOC44NzUgMzcuNSAzNy41VjEwTDI3LjUgMEgxMFoiIGZpbGw9IiNFMkU1RTciLz48cGF0aCBkPSJNMzAgMTBIMzcuNUwyNy41IDBWNy41QzI3LjUgOC44NzUgMjguNjI1IDEwIDMwIDEwWiIgZmlsbD0iI0IwQjdCRCIvPjxwYXRoIGQ9Ik0zNy41IDE3LjVMMzAgMTBIMzcuNVYxNy41WiIgZmlsbD0iI0NBRDFEOCIvPjxwYXRoIGQ9Ik0zMi41IDMyLjVDMzIuNSAzMy4xODc1IDMxLjkzNzUgMzMuNzUgMzEuMjUgMzMuNzVIMy43NUMzLjA2MjUgMzMuNzUgMi41IDMzLjE4NzUgMi41IDMyLjVWMjBDMi41IDE5LjMxMjUgMy4wNjI1IDE4Ljc1IDMuNzUgMTguNzVIMzEuMjVDMzEuOTM3NSAxOC43NSAzMi41IDE5LjMxMjUgMzIuNSAyMFYzMi41WiIgZmlsbD0iIzNDNjBBNiIvPjxwYXRoIGQ9Ik03LjIzMjQ4IDMwLjAwMDFDNi45MDI0OCAzMC4wMDAxIDYuNTQyNDggMjkuODE4OSA2LjU0MjQ4IDI5LjM4MDFWMjMuNzAzOUM2LjU0MjQ4IDIzLjM0MzkgNi45MDI0OCAyMy4wODM5IDcuMjMyNDggMjMuMDgzOUg5LjUyMTIzQzE0LjA4ODcgMjMuMDgzOSAxMy45ODc1IDMwLjAwMDEgOS42MDk5OCAzMC4wMDAxSDcuMjMyNDhaTTcuODYyNDggMjQuMzAyNlYyOC43ODAxSDkuNTIxMjNDMTIuMjIgMjguNzgwMSAxMi4zMzg3IDI0LjMwMjYgOS41MjEyMyAyNC4zMDI2SDcuODYyNDhaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xNy44MTI1IDMwLjEwMDFDMTUuOTYzNyAzMC4xODAxIDE0LjA0MzcgMjguOTUwMSAxNC4wNDM3IDI2LjUwMTNDMTQuMDQzNyAyNC4wNDI2IDE1Ljk2MjUgMjIuODMzOCAxNy44MTI1IDIyLjgzMzhDMTkuNTYxMiAyMi45MjI2IDIxLjM5IDI0LjEzMjYgMjEuMzkgMjYuNTAxM0MyMS4zOSAyOC44NzEzIDE5LjU2MTIgMzAuMTAwMSAxNy44MTI1IDMwLjEwMDFaTTE3LjcwMjUgMjQuMTMzOEMxNi41ODI1IDI0LjEzMzggMTUuMzYzNyAyNC45MjM4IDE1LjM2MzcgMjYuNTAyNkMxNS4zNjM3IDI4LjA3MjYgMTYuNTgzNyAyOC44NzI2IDE3LjcwMjUgMjguODcyNkMxOC44NTI1IDI4Ljg3MjYgMjAuMDgxMiAyOC4wNzI2IDIwLjA4MTIgMjYuNTAyNkMyMC4wODEyIDI0LjkyMjYgMTguODUyNSAyNC4xMzM4IDE3LjcwMjUgMjQuMTMzOFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTIyLjU2NjIgMjYuNDkxM0MyMi41NjYyIDI0LjU2MjYgMjMuNzc2MiAyMi45MDM4IDI2LjA3NDkgMjIuOTAzOEMyNi45NDQ5IDIyLjkwMzggMjcuNjM0OSAyMy4xNjM4IDI4LjM2MzYgMjMuNzkzOEMyOC42MzM2IDI0LjA0MjYgMjguNjYzNiAyNC40ODI2IDI4LjM5MzYgMjQuNzYyNkMyOC4xMjM2IDI1LjAwMTMgMjcuNzEzNiAyNC45NzI2IDI3LjQ3MzYgMjQuNzMyNkMyNy4wNjQ5IDI0LjMwMjYgMjYuNjQ0OSAyNC4xODM4IDI2LjA3NDkgMjQuMTgzOEMyNC41MzYyIDI0LjE4MzggMjMuNzk3NCAyNS4yNzM4IDIzLjc5NzQgMjYuNDkyNkMyMy43OTc0IDI3LjczMjYgMjQuNTI2MiAyOC44NzEzIDI2LjA3NDkgMjguODcxM0MyNi42NDQ5IDI4Ljg3MTMgMjcuMTc0OSAyOC42NDAxIDI3LjYzNDkgMjguMjMxM0MyNy45NDM2IDI3Ljk5MTMgMjguMzczNiAyOC4xMTAxIDI4LjU1MzYgMjguMzUxM0MyOC43MTM2IDI4LjU3MTMgMjguNzkyNCAyOC45NDEzIDI4LjQ0MzYgMjkuMjkwMUMyNy43NDM2IDI5Ljk0MTMgMjYuOTA0OSAzMC4wNzEzIDI2LjA3MzcgMzAuMDcxM0MyMy42NTYyIDMwLjA3MTMgMjIuNTY2MiAyOC40MjAxIDIyLjU2NjIgMjYuNDkxM1oiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTMxLjI1IDMzLjc1SDcuNVYzNUgzMS4yNUMzMS45Mzc1IDM1IDMyLjUgMzQuNDM3NSAzMi41IDMzLjc1VjMyLjVDMzIuNSAzMy4xODc1IDMxLjkzNzUgMzMuNzUgMzEuMjUgMzMuNzVaIiBmaWxsPSIjQ0FEMUQ4Ii8+PC9zdmc+); background-position: center center; background-repeat: no-repeat; background-size: contain; } .competition-terms__doc-name { border-bottom: 1px solid transparent; transition: color 0.3s ease, border-color 0.3s ease; line-height: 1.2; } .competition-terms__doc-size { font-weight: 300; font-size: 11px; line-height: 1; color: rgba(0, 0, 0, 0.5); margin-top: 4px; } .competition-terms__doc:hover .competition-terms__doc-name { border-color: rgb(60,96,166,0.5); } .form-competition { margin-bottom: 50px; } .form-competition__header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } .form-competition__helper { font-weight: 300; font-size: 17px; line-height: 1.18; color: rgba(0, 0, 0, 0.5); margin: 20px 20px 20px 0; } .form-competition__section { margin-bottom: 25px; } .form-competition__title { margin: 0 0 30px; font-weight: 500; font-size: 20px; line-height: 1.1; color: #3C60A6; } .form-competition .form-control { border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.06); box-shadow: none !important; border-radius: 0 !important; height: 30px; padding: 0 0 8px; color: rgba(0, 0, 0, 0.44); font-size: 14px; } .form-competition .form-group_md { margin-bottom: 25px; } .form-competition__label { font-weight: normal; font-size: 13px; line-height: 1.54; color: rgba(0, 0, 0, 0.44); margin: 0 0 10px; } .form-competition__footer { display: flex; align-items: center; justify-content: space-between; } .form-competition__footer .checkbox-default { margin-right: 20px; } .form-competition__submit { padding: 0 30px; height: 50px; font-weight: normal; font-size: 16px; line-height: 48px; margin: 20px 0; } @media screen and (max-width: 991px) { .form-competition__footer { flex-wrap: wrap; } } @media screen and (max-width: 767px) { .form-competition__submit { padding: 0 25px; } } .checkbox-default, .radio-default { position: relative; padding-left: 20px; } .checkbox-default input, .radio-default input { position: absolute; width: 20px; height: 20px; top: 0; left: 0; opacity: 0; z-index: 1; } .checkbox-default label:before, .radio-default label:before { content: ""; width: 20px; height: 20px; border: 2px solid #F0F0F0; top: 0; left: -20px; position: absolute; } .checkbox-default label:after, .radio-default label:after { content: ""; position: absolute; top: 5px; left: -15px; width: 10px; height: 10px; background: #69C657; opacity: 0; transition: opacity 0.2s ease; } .checkbox-default label, .radio-default label { font-weight: normal; font-size: 13px; line-height: 1.54; color: #000000; position: relative; padding-left: 15px; display: inline-block; cursor: pointer; } .checkbox-default input:checked + label:after, .radio-default input:checked + label:after { opacity: 1; } .checkbox-default label a, .radio-default label a { text-decoration: none !important; color: #000; border-bottom: 1px solid rgba(0,0,0,0.5); transition: border-color 0.3s ease; } .checkbox-default label a:hover, .radio-default label a:hover { color: #000; border-color: transparent; } .checkbox-default__wrapper_inline, .radio-default__wrapper_inline { display: flex; flex-wrap: wrap; } .radio-default__wrapper_inline .radio-default { margin-right: 40px; } .form-answer { margin: 0 -50px -50px; height: 450px; display: flex; flex-direction: column; } .form-answer__header { height: 100px; flex: 0 0 auto; display: flex; justify-content: center; align-items: flex-end; } .form-answer__title { font-size: 30px; line-height: 1.1; color: #fff; font-weight: normal; position: relative; padding-bottom: 20px; max-width: 312px; margin: 0 auto; display: block; flex: 1 1 auto; } .form-answer__title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255,255,255,0.5); } .form-answer__body { background: #fff; margin-top: 22px; padding: 40px 0 110px; position: relative; flex: 1 1 auto; } .form-answer__text { font-size: 20px; line-height: 1.2; color: #868686; font-weight: 300; } .form-answer__text + .form-answer__text { margin-top: 40px; } .form-answer__phone { font-size: 24px; line-height: 1.5; color: #3c60a6; font-weight: normal; margin-top: 15px; } a.form-answer__btn { display: block; height: 49px; width: 100%; max-width: 330px; text-align: center; background: #3c60a6; color: #fff; font-size: 20px; line-height: 49px; white-space: nowrap; font-weight: 300; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%,0); text-decoration: none !important; } .form-answer_order { margin: -40px -40px 0; background: #3c60a6; padding-top: 40px; } .form-answer_inline { margin: 40px 0 120px; background: #3c60a6; } @media screen and (max-width: 767px) { .form-answer__title { font-size: 26px; max-width: 300px; } a.form-answer__btn { max-width: 250px; } } .table-resp {} @media screen and (max-width: 767px) { .table-resp {} .table-resp tr { display: block; width: 100%; background: #f6f6f6 !important; box-shadow: none !important; border: none !important; } #catalog_list .table-resp tr.ol_item_headers, .table-resp tr.ol_item_headers { display: none; } .table-resp tr:not(:last-child) { margin-bottom: 16px; } .table-resp td { display: flex; padding: 6px 10px !important; border: none; } .table-resp td:not(:last-child) { border-bottom: 1px solid #e8e8e8; } .table-resp td.countStatus { height: 35px; line-height: 32px !important; background-position: calc(50% + 20px) center; } .table-resp td:before { content: attr(data-th-title); flex: 0 0 50%; max-width: 50%; color: #969696; font-weight: 500 !important; font-size: 11px; text-transform: uppercase; margin-right: 8px; text-align: left !important; font-family: 'Rubik', sans-serif; align-self: center; } #catalog_list .offersList .table-resp { border: 1px solid #3c60a6; } .table-resp .ol_item .order_block { width: 140px; } .table-resp .ol_item .cp_price_count { width: 105px; } .table-resp .ol_item .minus, .table-resp .ol_item .plus { top: 4px; width: 24px; height: 30px; line-height: 30px; } .table-resp .ol_item .plus { left: auto; right: 1px; } .table-resp .ol_item .minus { left: 1px; } .table-resp .ol_item .cp_price_count input { width: 105px; padding: 0 30px; text-align: center; } } @media screen and (max-width: 767px) { .hidden_mobile { display: none !important; } } @media screen and (min-width: 768px) { .visible_mobile { display: none !important; } } .header__menu-submenu { display: none; background: #f6f6f6; box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.05) inset, 0px -5px 5px -5px rgba(0, 0, 0, 0.05) inset;; } .header__menu-submenu a { display: block; text-align: center; padding: 8px 20px; font-size: 15px; line-height: 1.2; } .header__menu-submenu li:not(:last-child) { border-bottom: 1px solid #eee; } .header__menu-item_arrow { display: flex; align-items: center; justify-content: center; } .header__menu-item_arrow:after { font-family: "icons"; content: '\e80f'; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; transform: rotate(90deg); color: #39599C; margin-left: 10px; transition: transform 0.3s ease; } .header__menu-item_arrow.header__menu-item_active:after { transform: rotate(-90deg); } .go-top { cursor: pointer; position: fixed; left: 0; right: 0; bottom: 0; min-width: 320px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 101; } .go-top__btn { display: block; width: 40px; height: 40px; border-radius: 50%; position: absolute; bottom: 20px; right: 20px; background: #37589e; box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); border: none; } .go-top__btn:before { content: "\f106"; font-family: "icons"; font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; margin-top: -2px; } .go-top_visible { opacity: 1; visibility: visible; } @media screen and (min-width: 768px) { .go-top__btn { right: 30px; bottom: 60px; } } @media screen and (min-width: 1400px) { .go-top__btn { right: -30px; } } .availability-wrapper { padding: 8px 30px; font-size: 14px; line-height: 1.71; min-width: 190px; font-weight: 500; } .availability { padding-left:20px; position:relative; font-weight: 500; color: #64C850; } .availability:before { content: "" !important; position: absolute; left:5px; width: 8px; height: 8px; border-radius: 50%; background-color: #64C850; top: 50%; transform: translate(0,-50%); margin: 0 !important; } .message-block { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); padding: 8px 20px; z-index: 1000; display: flex; flex-direction: column; justify-content: center; gap: 10px; border-radius: 5px; } .message-block__text { font-size: 14px; text-align: center; } .message-block__text p { margin: 0; } .message-block__btn { line-height: 20px; } @media screen and (min-width: 768px) { .message-block { flex-direction: row; align-items: center; } .message-block__text { text-align: left; } } /* End */ /* /bitrix/templates/default/css/gfonts/css.css?161761803821716 */ /* /bitrix/templates/default/fonts/icons/icons.css?16176273223400 */ /* /bitrix/templates/default/js/crocobox/jquery.crocobox.css?161606740710198 */ /* /bitrix/templates/default/js/fancy/jquery.fancybox.css?151360509414413 */ /* /bitrix/templates/default/js/swiper/swiper-4.5.min.css?163828519319778 */ /* /bitrix/templates/default/components/bitrix/menu/header_mainmenu/style.css?15096254051252 */ /* /bitrix/templates/default/components/informula/search.title/header/style.css?15144752314179 */ /* /bitrix/templates/default/components/bitrix/catalog.section.list/catmenu/style.css?15093758554906 */ /* /bitrix/templates/default/components/bitrix/breadcrumb/default/style.css?1503931119117 */ /* /bitrix/templates/default/components/bitrix/catalog.section.list/footer_catmenu/style.css?150651851232 */ /* /bitrix/templates/default/components/bitrix/news.list/footer_brandmenu/style.css?150651865797 */ /* /bitrix/templates/default/template_styles.css?175224454672399 */