/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(69f625b73ca6ba75bba6bb0dd6e9fa45.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(60afc6c5f9f7ae26f7d79ba13b7508ca.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(data:application/octet-stream;base64,d09GMgABAAAAAAYYABIAAAAACrQAAAW7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhYCYM8EQwKhBiDfgsQABIUATYCJAMcBCAFgywHIAyCPxtWCcgeg227cYzjrLGmPk2n8pDGJWw88M2F/ZnQZpvdApMjBt1aQNVXBSwsoESJR+BOAynM8XjZz2tSOAVzeCm4OqjgZkslhVMoqyM8m5M/RZ5f3rskgRTSTzzAIQ14/7fW6pezeLuhoRbacqHR2sxicz6DqUQLiUZq+64hliRd4nUvhVAbKOo27TCRm/DjBFEb0AORC4IgokIlIKBpkizsAktpLUTvn20fgujDdmUQok90OEcgGgvfyJ7jin0EvHBHpSJKNkTdsFYfMVYgGc5M56rhrLpTTOQ4jgvGpcG7PUm3Eh24k93KJgCEgemO5DM4VIDLcI7T8OKtKJiqyvwsPeB/DvWeCIOQ+4B0mjuiKAY23w8jpNjMmYE1CFMIYwNX/l8j8wc3EFBh7hzAuIv/EkBujD6N2tU7pNyIdZ6wSjuLR9Dt/z0QGvfi6mn8/98pOBHAN50GYel6XIZC80gIy+9Dp9gEwQUry7+DHB7QLUfvSslFyJWt18n/F9A82lUyu1v1GHSUiv1mJO16jDoMKYIeEx21IBNvqZZiZbpm0Jql3WuohfZ1dCMbn8rOZylrZCNFNemnqDYCzpF5d6Uiy2l6TLdgVq/ZStvpwGIekKLYv+MfZLoS7yShUqqScJGZxzlmvkQQqIj3mxrvY5Mgy3rM7yfTvvn9kTeFQucpItFYrWqgcsQY+a6pDcUKeBqT/Jqhsh3h5YXXAzRq5QwhEy8qs2hNr0wEYnxDMKG0zAceZj2WupIaSTRXQoI81dThGJFDBxy7pdK5RpJVg9aMed3IAdb+5wWXN5QPQ0ryhVXmcWiNhHTVCw7a7guHWjqcY26l0BhXKpinF1KVGW8CRNQQ6xoCQQHaKLEYuFjHauxHGc9E8w2b0Bd3D/bw6RwwN3DW3L4Br8HmwAEyGDD82lv1rzU0vN3wesernnfdq7W1r7zxwdyjDYtfe61PfVIxdYucv/7zprlNvpFSbaNv7aFXM1e89lpD0iOQPXjLKM3gXnResnDG974zPz6ckJ2rSAuj5oQ8zXwXXH7KVPiUh6weZ7rwUnvrwV6IT8xTv2M3xDrfqvDdQ569PdV/V6+XcxZAzil5fNexIbfH2agk3T9D38Hejz8dSl5hwzMT2EK+dsvVzAWhX01YAneW2gLluWGdZw25CWmLi5J4SMAuAihk/48HEXVw/aV7mvsLWsUFBQVPw4pDL8Scc3lj6wV4QAy6GXlXHJMlM4SQgGGNdbOqTcsSX8GNOWy+o1UNXytT5LD9jmmy1i0xCdAt2W9j9InYFD1DnKsviZekSsIb/F8cwDHUyzQOsDJi+gKmNKZLCP2jrIU5LKBQgZtgnPB+QUBV5ikxT3IIiEODHyo6N6ctMOPXRm8vgLe/BU0A4KtQ/flf6f99VU72coCbUgSB4sR/FWX6d/r/h0YuQXjMq1Ak13T7BuFnkC2DWXXWB9mmOhhB4apwEncBtIliJRfQcAgjpCV2gbIg6KW1IKqcLEiMsMSZYuY/VZAb5rnXtm3wk/lUVrPZ9evVx4kaz2Scn0MVUEWfNUQpWWREF4PO1cKhdPWKuKOWrcJBYTeDoptBNVUnlZOKKp2pi/ChDkNwvq7xk1TF6/cccuhH4yP3Q8PiBFOk3/bklH0c+uNw68udrNIYfZ652qCDVcdITYWByq63YXZNxQgHheOmUkXyicrVEOnv8EsmDPUv1AO6eVc+qFJRKi34xbFEa5H4CddaaabkMcHgNRauhWHZMn50sepaXNBbOVX0JzPa23np0gPlab1ZQdp0QUvlm081p8WqYp1PLNWoypsYH1GqnGaMi+bSzTl5HWa0l0wuUR0+31us2wNaO6AYi/6CpRoGE4dWGdlObRFYh6dr2dHtWBulhWC0nVoFqbSRLtL/MFbOdim10UITOGaJUcfktDD2PYOxtlNro430PP0P2YJ1GymZ7bKQMUm0e5KIAwAA) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(ad8ebaf561e6104e1465968363f5219b.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(f6b261ecaefa60af68399d3815932b10.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(0a64f044be496070d936f381e1d6fe99.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(d69924b98acd849cdeba9fbff3f88ea6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(c70189025ae8c0f4e232b27b08eeae5a.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(8b077921d7bfd492742e35e64496b81a.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(data:application/octet-stream;base64,d09GMgABAAAAAAYcABIAAAAACowAAAW+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhSCYM8EQwKhBCDdAsQABIUATYCJAMcBCAFgwoHIAyCRBspCVFUkNLJfhzYzVwVdrVo/ILBUPRYmIHwGzzw32l/7h1kArVOlcIptGC6ZKkl+buz82R9EgnC4YagEOT0equme4RDMpME7gfdNPo/1HZHbQphkKUrvXFBOozh/79X9Y5MzKfo6rrnFPwnYDV7P10v+/2utTWgtZLORT2l0gJpRSpUIMugu8mBuvt1CCQeACABgY5AIJCAC3AhAAE4KGcY6qgxk+oI9K5bvpDAnOWzFhBY2L1yMQFUgH9kz4JZyxdjgDeKimSzBpK4RbMBspB8DARXFnXecFXdSqo5h3P8OUf8+xV1iTiKBtp5rQpERrZDeYvZCXgMhu1sGfumjkVkTGbv1Ilgdp+XBBFXANRBmkmQIArA+VQUBEZHZAgqQVRBjGVMjkbZmV8+hADABUvnAJhuiMoPOkVcstV+a71Lnyla7NGlQbUcwqMOexaIi3SpOHmBoJKJUx1EvHoIn2YSpycRL27j15/Eo3+EDmDKCE2EfRoHQnwkFNEzjBfYlekkBREisnsD0ZWCDEEU6RSUEPlQcv0WJ4UezIxfyV0+7eYrqLnS6X3V+tGcITCT9wTqWCMsjrdyLZJLQd2DVfNohu10WM0Hh1T7p6CFys9T8hrcZGw1DsJGHK3J4sm2wZNskxZJQX+ek/Wd9rGHgs3oRSRnbNZtpsNkjObH/sZQUmMrm3Qe2dJM8uSxoYAmhIeg5FreurUxqLfGGQerVPFrxNFiUrCHym22phbQMuUIId8icGLB81yhID9yo8dM/oaVahka3OrU0+Qrv6M4yG4zgrcHo6qb+uCQO4Sw3kpqwEGBMs4gFGjDPkQzCCQGMhrFC4ANAA9gB0aB7U10jX2Ehp+Ry11Vgc+M9elOv2eDd+2GufONBW3e+WKBZ9H7/taG9z/5pPGD+vc+4ss+/LDu3Q0fdPS7uaL6vZbTW543tDqT+upanHVXM6/V1r3/fmPBs2jms8qsNjSbf/vo1T8613xzTRHte0W7smxa7H756pZVf2nntbW1vdfSVtRfXPGi8q7ye7rxmzK3cuT2+L72Ozd835zRnj314Qlll/L2md2l/h9kWHvmzGdHlUfVvwIF0djTuPSbp66Hn9DsgxrFVzNuuqZcWrV6xth+Y0vGHjDqg+ShjgEb2v/vggQiz0d/0GZq71sun98fM9BMe0zeJKyz/U73m5hGf1OWpdyVacOaa0gA/7ClSja1WRr22NhYc9fh+s1yddg9ZUrfXY9cUV5hJWbnmEziCQ17oyOpw5iO2SZBJFuLmzI/TPmtGdRt6adlKzC3zPK6Rftjw3qZKQKiTEmtIVcrm3oYBOCy6ypIXdHxvldmx0TWU22nd8jvRrIBwLM/+UsB3hMzvvhnwP/v2ScZK5DYkQAIsC2MuMCeYIKRhScQ9+DXsimn6fMDxB/QulhTMfyi3Y48jwBsHJVAAw0BgAckMoCOAAxmUxCqHehAVSFw0YHSO79CIcBqu1qhkcfRCp0A97/VQ503GWmJpdZZbp455lopSCXlVASRIGMtUUOhhWbVHG+xXqWmVgcXFmdsyK5o/NdZVphludVm6VPKDEv0WGKlJcZbqdtC8/Ti0iDPNmztXmEezC5+BpYuVtGfwY8q7Y8TS1Jo+UpLDaIs4DXdpXR3st0T3bOU4orl5iibnWWxFY/uLmMSPGuk0aaYabSSi/+oHAWivxGdr49/oznFJsVY4ZXFwvKJ5AUP+AaV56b4MIp5IMYNLs2MK1c9IJvGDSggQpkxsjo3Qagdk4cUJwutXygr2Sv0Ze1jKlOE7diatkHZwtg8Z9rAgLDXje6XFyccq7sm9ksbc+7om7JEuD6y9vcOEe44n8uuC8+QyvxUf593Wu0z9mCd01Zs8vufak2LFyut4clihdUZ0xYos1ZaU2kJHaE7FIUMa5U1nDppi+tNW+MuSStoS+ZHBBnWSquTjtAbFM0MX9JdliEW92SIFQAAAA==) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(70bd95768aeb640def65d8037fada23a.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(42eed1ae4fef6381ae498e8fba0f1b10.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(274dca519bd0be3f20c211926779ebeb.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(d8bcbe724fd6f4ba44d0ee6a2675890f.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(c77fb611ca683b7c43436cb4839b009c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(a47619d70573179abe7ff27f25073d4b.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(data:application/octet-stream;base64,d09GMgABAAAAAAW0ABIAAAAACfQAAAVWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhICYM8EQwKg3iDWQsQABIUATYCJAMcBCAFgngHIAyBYxuRCMgeg+NuKYNQ1qPv7wcioMQwgoh05uzdSbIM9ACkcPcQZmiJy7hMiT0w19b/n/d28wsg03Ne+v+Maye/VFI4FbgbgDdvyFVXAy6hHcnzuXu77dYWaBBi+s2zkPqfa6U/tnBngLYSPMAWeEUi+yL6+RzoIUVaBjUdwwHQKeqWblBM7ObXISiiAEA2DDaCICggDIQRQIAgbQlHt7s2KQucp/W01oPzrFa5Dpznl7Y3gjO6AP/IjnlyayMYgjeMQdE6gCITXSEfV0EgI1fmbC18lXd7fFnDGoVGgn+8NmPgFxZYR60OAFKSbdF3YGYBHoOdXdnQ66TGQuRO5gP1ScPMcVRRCnMKANOohxAIOoDZQnQQiUFtM7qUogEZKRnw32fl9cXvpcLgwjTTYfu/wKYefzxJUaIJkJkuAVu1DUs/iFl6E9aaAxPTCLZmAUsLsbUdwc6+AXGVD9aOLpb9EgQgxYZ+6A4WFZGDYy6IP4G8i+LqSUVuKB4hQg2PMtkNlYdSz7mh9ogWdZU2Q1RLZJb5PhXGNi2pLq1AU2UEei8kz47xIEhmagiSFQ47S6y3VJakYDc0e7DJz45BhdSu5tqAYvHXDS0v8Xy6Ok1MF3Ezz2JnXmI5jgh4tZ3Hq1zHSZIb2s8LZO2BGseHgpO365V0YHM/U8TO+gjS29voqznczHF2tkJyPFzd84KgunXuo64StNLmwYNDmys4VuTVXLCPxHIS74aul5gpCnxNxUkTQQ/LhRRCWHG+sKfUMNOls8PEi51Bl2k/wO7h5tm46nfNY1isyBSxdPqKJXSDH+xHPOxsbSSQF6UC+DUI6jjPNwEGRQDl/ycGgANAFHCBTgDTmxgeeYOFn1TLC0bj0RIW+m7CvM9idV91reG8Aou5zDzzdcOP7xvPftTMlmePTOYePIGe96O0eK9g85MHP+GT7ss3YfQca8KDEd7yY2bNHbBSN7VcAHpOYrRH5/tQ18szOjJhWiboLEn6VHd1p+vPnee+tSlce//KpPrXzrP7vB+4S3N5iGGo46vnJqFWj052G79a2vjKDbOJs95/ZFNgiN1Oz/dZVGOjzvKKkM2XkntT18AqdHsCOFjpCUAB6Qf+dz07vWVqGreysg5Co4ncVdhm98jIbUghBFUbVlHZ4VINUaE/oEaxqUwtKXM4sEIJyn8a7nBkAlVciRpLPL2oKeXsURPHzL0xrAijQbMPhuNKJoPBBpF7yn4xwbgUbvb0Agy1QXN76Qbkbh7ikeuo4+hsNGhDY45MQCkLTJslfxxAgLBrG1C2tgEEUBXWG8/ovi6ONX81zDMEgJu/E+4A8EAyfv7S/H3k6gaWAeCiABBw5v8zBbf6l+ZfpJFB8J0cvZ8KN5SvgDUcJtQASOuj6QcI4HAIe3LoNe4KUVCoJOgjQICZdBDjAhMBjUI2RUZFlOVSPSQ1MFpUM5qwIT981SjDXSNGk2Y9WtWoUq0dwRtPvAINIVZTAEI92Tpeo3LuiagO1ucyNqTaGgk5m5S16uTmCu5kaFJGbO8Tsixq1mjkJlU61Ct1MEfbqk1NqvFidJ/3IYCQZ+wOOEThFrw0EGibBePBXe/nTqlmpcpVk7nTpFUVD+rVKCdr1EbWxoMk8WIIUmQSuGHYEx1MX36tCjdLhRuQ9VCxVAOclzvHJooDwbDhvPp2Y2NdYaOPrCoIVtuYlSWJ/i5W1sysKI8VO4DaUacB+VsX0pSxLKODY3E53QyLBytoJ+tuchJoE7QR2+kgWkSH6DL5UBJaTB3YEUAhlr2msMi+oE3JXwJKxHY6iQ7RLfITnZYItI1jYhH89SZh2gAAAAA=) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(6ec26b6dd1a2ad92d06affd6a24b684f.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(5c1b7e5746c3c0d1e5951713ba61577e.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(db6e70161efd112ab1e0146cffcbe96a.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(987b84570ea69ee660455b8d5e91f5f1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(1ae13f37ad0adcfef041a0c99feeb23f.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(e36fb58e0b2b8c12ddf44038290aa116.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(data:application/octet-stream;base64,d09GMgABAAAAAAXoABIAAAAACmQAAAWNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhYCYM8EQwKg3yDWwsQABIUATYCJAMcBCAFgnwHIAyCOhv+CMiO1E55yAEieOD5U//cp7Cck+GlUDi62Jw5r9CWQukA5cO6zTfcEP/ubn9rbYEGCSeUPuSQUuj+L1NnZqvugl1r4HsHdmb/7/WS0uvzC2gMa6O80NJRKlXQmAVAo2SbF0Q9Lfh3+3AIFDIBgMEIDAQCgQK4ATcCEICTCDPQyisXrcSzdvuGLjytG+KdeLqaNvXgQQP4j+zqjG/owQ7hCBqK4WtHYSCa5iFPE1AQV5YMM35V9BjGCQVCgVJQIrpa1RIigA76+fpYEKPKberLtBQQCuAsI5uqztIqZq3FhkWDfmjp5yuYiEsAtCm6xMREBWSGmwVhotM2DQ0TNRCjoxan0zj0o7sRALiBnQVgPZ7+jxiU0aZao9UuZYkeJ/IUSzSq9BgwsL+RgcoFZKc3Gf3nkKv6cGlTGKidRLYuGWgMZZDxENlKDbk2Dd14GwNAElgoHdFYnxAnW3eJ9GFZPqLPoTbUB6UImGZFe7kUjUGpBKQo8wWlGjArpVpYuTyWb5lJMzl/XdKsNNua1kmtsOSTD4onrbApWZF2U7IyPjnL8obL45Y1JSi1PQStnLTQMDuEhQ6uef0flHpgoXW1KBpbFpP7yr1yVrnl9fnMCvlQNCYfKvf6LCsojefxsnd3+9CHgq1slGl5u/TgipicZY1i3WRvMN8n9xkT3mS+5Ud4aN+7BHrYrEGpFlaYlX3RWV4wI+sdMIWZZ1hen1UelI7AwhWxivKO6rMmnQFZVqGAC/13cwf6isUxM7kidvcsNNY+O8dWOrdTpn7Va3ll/oqYNI/dlc3Y/OBgRkDOcjebVKfPT/mcBX+63GgLAgU7SjpNFgA2ADIBBzAdWNdH9+jn6ERZha9oKt5xdqbhyMncmbVtZ1uHvbM2q0N0Zu7c99ZHzuQXqtj/7qcnffz2qpUH33Em31I48LbrhHfVnTUuYqPaxeurom+8IUoeQ5ePqfFadFvOgYotP7q2fnqZKuqOmT9OTSx55PjTybC44rr07ppw9pMnjhFXRrnshGLlkR1Ztu9LX3z2pzL3ueqPoRde/rrMNW/Qa6cfnr5v0APjqv6fv75J7KypEgvylx+MhihCqwQben8BKED/wfTXx+gvpdzZOTm5k6U7W/KSLRiC49KMl5BURCphb58ycobVQVQyh1KaglQ9pReiTbDPSud7KfdAzDhIyZaZ70VGp7SRowzQCgN2RpfsQg21M6Qru2+AkE5/zPeW9zeAZvB0RUYjMiltL0lbDgIEY8tSU0Fbrr80TOrhoWbG2YCTk38cEIDbYWigGKoBIAAlP1dZ92FTQ9a03+3D7AA89lNOCOB1sfzTf8z/X3d47BsBBwoAAmxd/W5wTPzH7K9weBBEITb1RNa5VPwCege76w4amuw/iPbaOIXBWHQEAJmgoGzAQAB2WqgIzQHUo3UJhlLvUshkS6s616rBpVPEoYwB6frHZrLSI8yV0Gu7Ddq1arOJyRgijI5tJlUSDFqXuO98PdYKZWaPsKu0XCK3sWc1bqO4DbaIWyfEcgnNEjZJMFlEmtTSVpt1aQKutm2wUXuu52oMLYxlIlMfsnfiMcagmS7dpNcUwoaw9elCNOnVZK02cSESNmgVpku7teJ6bBS3UZhF5purwhIrVAhe+xsRVABId7AOOFe6/RI/KeFW/CKVIfJ73JkxJVI6Mhe7nztFt1UxZkSz4k5lT2t0kuZQtzQunODQDq5bMqVLr5qy3YSfcdrW2in5JZucn33ZnHGFQ/wck8MFnuySkym5jvJxX3aodUFgF6nMTJtf8uNenJK5YmMqmumbUvugd2hzaqZnnG0A7YWwvim1lBJ0Ct1CaRgVo2kzbuaoZI0UqSRG1rQ3+6MCo/RNqQY6hV6kdGYmo6XCZiYB1u0uERsB) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(3d1fe954d4fd0e2a93870c5f799f2d71.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(17d789aa82027d2254a1448469d93558.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(d20328e5d9f4887d8cf6154f0477e7e1.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(55536c8e9e9a532651e3cf374f290ea3.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(e3836d1191745d29137bfe16e4e4a2c2.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(efe937997e08e15b056a3643e2734636.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(data:application/octet-stream;base64,d09GMgABAAAAAAYIABIAAAAAClQAAAWqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhUCYM8EQwKg2iDSgsQABIUATYCJAMcBCAFgnQHIAyCSRvwCFHU8DSZRfaxGNsqZl+BVoayxG08wPen/bkvL2yGztBIO4J3H9q6X/SWbv9Pp94J0JywSWdAOQSoKwIPc2Dql1qecKUJV94ydezz36+1+uSs7g/pRN/MhS6hXWv790QxlekHIdKSehJNJDKUQmuEkBgG3U0O1N23E0SqAuoKUoIgiJBHXkBATjdDxKPGTJql4co9W9drWLa1uE7D9cu3b9RQDP/IpnXFrRtl8AbEIhaZEaktNhpqYQSqwpU1KZ6+KrmHXtyKWzlb1fAvT8Qnw2VJktcmexKaZesSbyuN4DEcFmvV2KlTxxrWbDJ7Z0oFpelrIwXhJogHJMsVFCSAU40lBIw5zyCxAsYQBptNrqxkB371sADyLJ0E0+noL5LSwQ0OO2u396wyxQKnLDNHr2iQx9zjoudQu2KZ2tF1egsJgkriAah2fFP1JKidKkR1wpwaqVeqpj6WgnKdJoI8ZpgYX5z/EM6eKD/e5G6ZXboqA1jXtO6tXYDXZIDRAadIBlhd6wE22jNhhKl2jdX2r5Ibxmhb1m4ALip17702XqNdNUAz523VAM2aR6BtvtebX6S0IQPcHszVXqOwSdu2mrdpEva/czmvD96SjY0Z4wacGdUI2kZRLyFaN7ya1oJXrYTSGTXC83TWeXJr4UNBrBVSpCxt7p00oE0MovlnrzV6wwTOsJFGZ8PzbYJXOz7HiMa19QIb7eYNZ6YN9p9p2dyLzNTkp1AvoV0ZkPXBSaO7q+YidFTRITEagYrJ29l0Mx6uFM5OznvRJrbyIQmdnqVuRu0SfzfP90J4pgHa6efVda0P9tp1aNOrCxbMM5NGNRqE9vlR7EM0QSQjqqxUDaRBVWQxBKubmB98U5JfF1leF5cm4G1qOoRMDcdx5+7jW7ZJ61Y41+J1jVud+fpV7uw3n8wJRz79tuTc1x+bc+y7HP1olsMfs//u07n7lqvm5UpV78+e9Tm0eydZ/lyiuAIl0zXOde9cKtn145YEXnwFr2S3jN1b/ODSkPR8+e3Zhav9wvs171wZnrv19rtyC5eGvf9EYN+s/ejTt2pH/9b9+07Th1++WjX6b2CD3Af7h7+r88Wg+WR8YXm0d3Sqr8Fc9WhYG/EYJC35/7NEqOhR+V1yKv/BPXmX2+2pB5sL0FsJCyxfaP+k3Oh5wJR6TSbQQg0iF6rZZ3GMTY0Wn9pElhaZiu23e/Idto8C4zIdsrFb98PQ7rAjh5ypd3WZeQFyaYN8bfRbHbgYn7VutKQUxE+hKQFD6FVdwGGIW/lPDUxdaeH4L8cDBOSz6ZgoFachIGpZ85rE7vuWVhv0e6ZBBjz3U40u8H6Y8ds/jf5/P9stsw1ZEQik11fkyY7/p1HFhGw3gR+VTpy3yhcI/5I8bGeiYFPyhYoeAtIuqWuWpACqEolaSQnIKJUQ4iyWUAWCvCWBSFVrKxNDlTEMJLWxO5DS2I2PrWqWR4y0yWZ7bLVGmdW2K+ihm+6Bu2CsTRoZ6xUjx9topS6F4R1cXzNjQ2lb4zlF2xRttVPRKl3MsMkKm2y3aeKgMjust9xWc5Ys3GaNTTZeh11meupr4OVb+27dpjO3LtR8dLMBugbKLp/XxXKbLbfSakVdbLJVma7WW2Oloo22Kdqmq0nGG2m0KWYarfPVP9RNAqhcaxV15unyfBpQR/cEF5PGVo2Q3OFZjQFlUa8LZTqiB0NfYwnJLRc8Y4y+ugQR7ERnVTRfcKuGm9JFgq/RQ0VOIexd2VPhFeLdXYsawkI6tXmsvljIU901sVyhHFozWOMfVM+vmrJE2L7dc3blIGHPddnklHA0VcR9buFsq0r6cztd09oftAndU7NE7AjoH59vtTbE+63VMZ2GUnXAGqXddJseUhaC6qDVSqvpdJszgLdZkJYgqA5Yq+k2faQstKqD1u7e0gLeX7QX8H4AAAA=) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(7aa7eb76a9f66f0223c8197752bb6bc5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(a835084624425dacc5e188c6973c1594.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(15d8ede0a816bc7a9838207747c6620c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(5d4aeb4e5f5ef754e307d7ffaef688bd.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(79c7e3f902d990d3b5e74e43feb5f623.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(df648143c248d3fe9ef881866e5dea56.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(data:application/octet-stream;base64,d09GMgABAAAAAAYAABIAAAAACngAAAWjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhcCYM8EQwKg3CDUwsQABIUATYCJAMcBCAFgwAHIAyCUxsXCcgGHv6/TbtvBAsxJT0ZIgohFYvSLcS0wlQ8JhUxVtxeWJcvUw///72qd2Ra/gfKmuADLMARyfvZ72d2jX08Ba3RGJtKLVhZCqC1KuqWIh0m8sKTECjEAQBpCCwITiuAE6qAb8JBBbVogfrWRWSt37lphKz+Tb3DZI2s3TJGFhrAP7JjuHfTGDaoDaOhMNCGQgqakkWuIqAszqxaROasxBnM4nzON+dX8a5XtYvEb+igX6LPBJGTblFfpk8BXAb90Wxo6OhowJ/Txk9amII+6yUKBuJKAK1SlxgYqIDZbFSEjA5HNRoGaiBGctqiUbZ+9MD7dCcouwXGNf6lgIVSnuNsruBsvmMTEfayhNW0s0Zo3MLTQMrUGlKUS0mIzid26kKSVDcxWiUp2ukk6JIUSwaplsdJUJaTZNXQLR8gACSeFmnvDE0KcYZ5v4gelYFpk3Z19SqvFB7DCA4GpFjjlYpHilK3V6oeo16qBfXdoTzTCBvhpg1ho94YWLtBagWp6HxTb9j0GZKe0KAhWRRyS7/pcpf2mmalV2pbsFYLm2g1hhbzkFD8/vdK3dOyv1rYGeoKyQMBl/QH5AVutxGUjzdr8nGuc5umV1ruJ9KevYMZNwXrjKXUK22rB3pC0q+NYIbDtYE8tzzAcVc4z7TjPL7n/YJGjH9AqgVB0Xygs7dwIJIuuZbn9s8xXW4z4JV2T0tPKBioWNzmhMMjPcEEYtB7P6dnskicMMI9oQf8aKy/38aJRcbdeNSvJkyXzOsJSePE/Qm0tRcOxHqk39xosCw06SXg6gVvIcAvQaBgQ4lGiQfACkAcYAdqgP46OkfeQceTyvy6pmIgMc5i0/8Pu+N37B4Ysg2viB8Sw3G7D7z1kSP8yTtLxMF3Pz3947cXLzr4jiP81iIOvB1z6pti9/IYQo6+GF5fvOgNUfw0unxa7V2Bbk08FNz2Y8z2T69WxcoTYqU63vVJ5I1zT0m67a7JlNsuqOOl7tcvCCbdtiHplvP9vPaf9su94qbr7kd8s+inB/Ubbro7+kdj5qyLxmtfTf28dmVZz+RqZVdLsKPhTvPRPArR6sGK/v89oABT2dHv9A36mxFnQmJi0nzpTJC8JNjC9itjX0ISDEnF55pUjFqzglhIGIxoCqtaInpisLJtRjreizgbhtjDlAQZ917F9IiWYxC0csrG6DQ5UUPtHOlMmEwR0lEWcr/l+g2gRbk2V0xHxvik9tLcDZKXMiW+DNuWIK1gnRQvSeEbvhkE4LRbNVAsmhXzl6DkJY39nfrd6vjq322ZNgCe/imxHOB10f3dP/n/v25fYdsM2FEAEGAdmXKCffif/KkF9hUIvAirehob+AFiCvRj9Kke+vXnprIRgJUzSaMdHQFAHCgoFVgQgI0+VIRmB1ZB6RFkscqjEMeORrWvUYNHp5BjRQuMt300jkU8y0LGmWAnmxiknwG2YDCDCqb7doMGxgWUEXoDmxhjPeXFBS0cqXav0DfXir3pZC+b2MbNGyinm3HWEbd0G7T1TA+yldF5R/WzlRHWsoklKwY2Mwj0sdOxfH4mc6m6y+65O8V6hSTE5ASV+HzePlnOWibE4vUM0Eu5HLiJfnyMTK+nl7F7PmUzPlppYiFB2ukhiPfk4QpUvGTRITZwoXSWScqIiDilTETiRfyA++IrKwpcCdjKuE/MK8/PSiyW3qe0+2fkpSpBamNVuTulqrWD9IrinLS4IMv6rjqvq9fqn7UuyLa8ubIkM8h+eEN7ZV6QY/u61jnukZizt69AkHPbmpY504JiPfnZKc6AuIVzy3KSdhBJiLOWST7ypZEDKWJzREbQqW6JHKjXZUtyNWg/+FKQHaBxOpPupCjkqFsjdbSa9tfjjSWFcYiqlssfATldWyKrZTqTXqSorJtj9eXKcVh8pal2V6nYDAAA) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(207d2af0a0d9716e1f61cadf347accc5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(6bef514048228359f2f8f5e0235f8599.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(16aedbf057fbb3da342211de2d071f11.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(285467176f7fe6bb6a9c6873b3dad2cc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(06c49c7c2354ea523af5292b6ecd46c3.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(4904e4512c44ff90a67249421a174f8d.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(data:application/octet-stream;base64,d09GMgABAAAAAAWwABIAAAAAChQAAAVUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhICYM8EQwKg0iDLwsQABIUATYCJAMcBCAFgn4HIAyCKRuzCMiOwrblExOGiZOiAhGMl3iAX/d8594Zv/kwo4xm7jqSFYxugELZUPb9n8+z3q8GHTmDnwGj0Yppl0oGzkDpCj75pNcseRXdo0vTmUnHC1ir4JeAxWw3pdZvndJAHjSG37qVSt+xg7/QA9krlpceNFjvfTlB1BHQE5ELgiCiQSMgoDZZB5YFzt6DIWb/+BGNEHN4hNYAMSfKRzVDDAv8IyPHtRHN4I3XlYrCshR1ZxH6ShQC8XBlMpe+q9ynypMkS5IVyUnwj07S1+JRGdmTWS5AGJQNJF/DoQhPAueI9Sxe3a8b0EF9xD1t2hwqnowwGHkO0mlWNBhlBov9mQWKtWYGi8GYQpgYtNLjEZv+dQgCaFi6ADDti/4LubFeeVnbKmVhCuzwqe9cwgPd22UQFjcanLBgT6dBWLpY5wx1z6MgPGzXJT8JHfM/IcLrxi9Hn/6Km5BHth4kntkox7kr8+4SHgNHqaNORlLGY+QwZLI8Jhx1ojnFOVBJUukCkVpapYectLa8Ci0pmveeS1ugihSt31JH0YYtLM5RGW+tpqpteEz3kFhSC7YiT+tXS+o5M/vHY8b1un+S2l8ZoOA0mcE5ssqwLHXgyTVb8OSCfqyq8pg/j2e1yXVRD4UilWeyWLm5NUjBTmrC1gcWNFpJLF4T08yCYWrTxQdjDwbgTp1aaE5xyPS0NYM8ZSLCtBhhcg+VYVWZx4rrNUhxyDUlq87UHA51EGjhsLM1nHsUmTd4wXrlUCew2P++N9y3wZwOQ5OXrq0MDhukIJ33fhB0PR9sdeBwjtVLoWCLOwnkfoMwLCSLBwEiKsV7HoGgAB1RYRZwtImN5i0ZFeLydJr4rS4Btkr/uImB5ybW1nsfLwo8Ro4HXJx28696wT+/bArXf/334Uc/23f9er3guw2mfd9a+OPmi4V2W+pDdt9v3HD9ekg/C9nrnyRaEViLLjMWjvlgH/tkk5nsnEeKzWsGPj5w47GuMbvf28fsfKoLXFry4wZnzK4TjHnv97oIz1569/jaLa/9s/jPLd82PLbprX+W9F71VHPbK+HPOhTxg3aWwMTlLQcO6ZFYNK+YgVSWRQCF7P+jRLR7ed5aR1l/hNct3IImkXHHqA5qDUGpGTUsJl26tjYySAtJuYD1XcOvJe2wUQzCjnelbCNNoALSXPeLO6OfvEELpnugX5C7O8E6S2FvMl8BFlG/XikbsCVicTFkGgKQVisIM5K2iv3Hg4CmKlJinha8543DQr5/eO1waeCMb959vAE++S9YAOD7MPD6b+nftWpuORKISgSB4sT/huoBT/k/f4zAdyiShxzwCUIbZHdsSgZBYfbZ/0ggKDyqp76sAuhIFKeCTUDpELOQVtgFKkPQ2GWISscMiZ5GiFNDZqR5hlxPuy7b0QZnzadzGW+EOjVqjULlkGRbGqobnQ0JjTTLHppVElqdNUKTGrghOrLxFzUjaUYYQ1NFMJCugm4UXRe6RlXdJJXRoVtaI9VBtPl6FJZztdT2MetbblPw/Gouh13aEInGBm8nKOdSrlItjUA3Qg1RozqVNM1G0owk6q2Hrhz6GsSBv/Q3JGbgXr0qgCu+3mShcYxgj+PgQMhOT4gIgHLcgSi34WhIkUy6Vunys0VtkqyyMWW9WsRZ5SkJUcF2q6JLi8z4EKuyjZgYFVivWnCwqgt7tcmMtmj9Off8CMcIGI29GIf+3D5DCiAnDQyKob96lDENXO3RRscwGikFTQVRPcroRzotpd3kgQS+2AMqpanpwKg1IR287ikiHwAJbGakNKaldIE8kY5LVGJMRIdSpKxboWQkAA==) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(7a6c0568007c5692727d88a3f35d427c.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(e1d4c2969a3dd92f91fea51f652831ef.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(6f4d4a8899ee0298db1717070ae4761e.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(037d830416495def72b7881024c14b7b.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-face { font-family: 'icomoon'; src: url(1053904e079826a8f1686164466aa658.eot); src: url(1053904e079826a8f1686164466aa658.eot#iefix) format('embedded-opentype'), url(3ecdf18e27545d76fdc763fe52b61b56.ttf) format('truetype'), url(fea556a96107f852bb12626c21c8b5a2.woff) format('woff'), url(817f9efe90118a0fd44e7f5f98bc3ef2.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-key:before { content: "\E95D"; } .icon-car-front:before { content: "\E959"; } .icon-apost:before { content: "\E94B"; } .icon-question:before { content: "\E94A"; } .icon-send-email:before { content: "\E948"; } .icon-right:before { content: "\E921"; } .icon-person-hollow:before { content: "\E94C"; } .icon-person:before { content: "\E900"; } .icon-pesron-sess:before { content: "\E95A"; } .icon-news:before { content: "\E901"; } .icon-warn:before { content: "\E902"; } .icon-phone:before { content: "\E903"; } .icon-case:before { content: "\E904"; } .icon-case-hollow:before { content: "\E94D"; } .icon-menu:before { content: "\E905"; } .icon-plates:before { content: "\E906"; } .icon-in-basket:before { content: "\E907"; } .icon-basket:before { content: "\E908"; } .icon-enter:before { content: "\E909"; } .icon-fire:before { content: "\E90A"; } .icon-best-price:before { content: "\E90B"; } /* 1202 */ .icon-new::before { content: "\E90C"; height: 50px; position: absolute; width: 50px; font-size: 50px; color: red; margin: 5px; top: -30px; left: -30px; transform: rotate(-45deg); background-color: #fff; border-radius: 10em; } .icon-new--slider::before { left: auto; right: 0; } .icon-left-arrow:before { content: "\E90D"; } .icon-right-arrow:before { content: "\E90E"; } .icon-down-arrow:before { content: "\E90F"; } .icon-top-arrow:before { content: "\E910"; } .icon-note:before { content: "\E911"; } .icon-trash:before { content: "\E912"; } .icon-comment:before { content: "\E913"; } .icon-search-empty:before { content: "\E914"; } .icon-search-mono:before { content: "\E915"; } .icon-checked:before { content: "\E916"; } .icon-checked2:before { content: "\E950"; } .icon-logo:before { content: "\E917"; } .icon-pen:before { content: "\E918"; } .icon-write:before { content: "\E919"; } .icon-car:before { content: "\E91A"; } .icon-date:before { content: "\E91B"; } .icon-back:before { content: "\E91C"; } .icon-mail-filled:before { content: "\E91D"; } .icon-mail-out:before { content: "\E95B"; } .icon-mail-in:before { content: "\E95C"; } .icon-check-list:before { content: "\E91E"; } .icon-pen-filled:before { content: "\E91F"; } .icon-delivery:before { content: "\E920"; } .icon-new-window:before { content: "\E922"; } .icon-home:before { content: "\E923"; } .icon-play-round:before { content: "\E924"; } .icon-unlock:before { content: "\E925"; } .icon-play:before { content: "\E926"; } .icon-newspapper:before { content: "\E927"; } .icon-clock:before { content: "\E928"; } .icon-plus-round:before { content: "\E929"; } .icon-out:before { content: "\E92A"; } .icon-new-user:before { content: "\E92B"; } .icon-check-user:before { content: "\E953"; } .icon-bill:before { content: "\E933"; } .icon-coin:before { content: "\E949"; } .icon-card:before { content: "\E92C"; } .icon-star-filled:before { content: "\E92D"; } .icon-enter-bold:before { content: "\E92E"; } .icon-warn-round:before { content: "\E92F"; } .icon-eye:before { content: "\E930"; } .icon-mech:before { content: "\E931"; } .icon-send:before { content: "\E932"; } .icon-discount:before { content: "\E934"; } .icon-close:before { content: "\E935"; } .icon-print:before { content: "\E936"; } .icon-person-search:before { content: "\E937"; } .icon-send-top:before { content: "\E938"; } .icon-warn-empty:before { content: "\E939"; } .icon-send-filled:before { content: "\E93A"; } .icon-person-plain:before { content: "\E93B"; } .icon-baloon:before { content: "\E93C"; } .icon-enter-round:before { content: "\E93D"; } .icon-price:before { content: "\E93E"; } .icon-mail:before { content: "\E93F"; } .icon-mail-2:before { content: "\E940"; } .icon-baloon-2:before { content: "\E941"; } .icon-callback:before { content: "\E942"; } .icon-phone-ring:before { content: "\E94E"; } .icon-vk:before { content: "\E943"; } .icon-facebook:before { content: "\E944"; } .icon-skype:before { content: "\E945"; } .icon-icq:before { content: "\E954"; } .icon-instagram:before { content: "\E955"; } .icon-telegram:before { content: "\E956"; } .icon-viber:before { content: "\E957"; } .icon-whatsapp:before { content: "\E958"; } .icon-search:before { content: "\E946"; } .icon-twitter:before { content: "\E947"; } .icon-refresh:before { content: "\E94F"; } .icon-add-photo:before { content: "\E951"; } .icon-download:before { content: "\E952"; } /* @font-face { font-family: 'Akrobat'; src: local('Akrobat Thin'), local('Akrobat-Thin'), url('Akrobatthin.woff2') format('woff2'), url('Akrobatthin.woff') format('woff'), url('Akrobatthin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Akrobat'; src: local('Akrobat ExtraLight'), local('Akrobat-ExtraLight'), url('Akrobatextralight.woff2') format('woff2'), url('Akrobatextralight.woff') format('woff'), url('Akrobatextralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Akrobat'; src: local('Akrobat Light'), local('Akrobat-Light'), url('Akrobatlight.woff2') format('woff2'), url('Akrobatlight.woff') format('woff'), url('Akrobatlight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Akrobat'; src: local('Akrobat'), local('Akrobat-Regular'), url('Akrobat.woff2') format('woff2'), url('Akrobat.woff') format('woff'), url('Akrobat.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Akrobat'; src: local('Akrobat SemiBold'), local('Akrobat-SemiBold'), url('Akrobatsemibold.woff2') format('woff2'), url('Akrobatsemibold.woff') format('woff'), url('Akrobatsemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Akrobat'; src: local('Akrobat Bold'), local('Akrobat-Bold'), url('Akrobatbold.woff2') format('woff2'), url('Akrobatbold.woff') format('woff'), url('Akrobatbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } */ @font-face { font-family: 'Akrobat'; src: local('Akrobat ExtraBold'), local('Akrobat-ExtraBold'), url(c598e5c8dd7accd44ac96dc64ca83286.woff2) format('woff2'), url(337ba0bc155595d1cbc9abaa4cfeb6ae.woff) format('woff'), url(3b9d54f04b9b69eba3179dfbd39b139f.ttf) format('truetype'); font-weight: 800; font-style: normal; } /* @font-face { font-family: 'Akrobat'; src: local('Akrobat Black'), local('Akrobat-Black'), url('Akrobatblack.woff2') format('woff2'), url('Akrobatblack.woff') format('woff'), url('Akrobatblack.ttf') format('truetype'); font-weight: 900; font-style: normal; } *//* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; position: relative; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; 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; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .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: 1; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { 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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '\D7'; 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-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; 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%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .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: -30px; margin-left: -30px; 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); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 33px; font-weight: 700; text-align: center; } .fancybox-share p { margin: 0; padding: 0; text-align: center; } .fancybox-share p:first-of-type { margin-right: -10px; } .fancybox-share_button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 10px 20px; border: 0; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); background: #fff; white-space: nowrap; font-size: 16px; line-height: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 140px; color: #707070; transition: all .2s; } .fancybox-share_button:focus, .fancybox-share_button:hover { text-decoration: none; color: #333; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .fancybox-share_button svg { margin-right: 5px; width: 20px; height: 20px; vertical-align: text-bottom; } .fancybox-share input { box-sizing: border-box; width: 100%; margin: 5px 0 0 0; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 3px; background: #ebebeb; color: #5d5b5b; font-size: 14px; outline: none; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .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; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -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; 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: 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 { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, menu, nav, section, main, summary { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; color: #ca2929; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn, i, em { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; } button, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; } optgroup { font-weight: bold; } h1 { font-size: 3em; margin: 30px 0; line-height: 1; } h2 { font-size: 2.5em; margin: 30px 0; line-height: 1; } h3 { font-size: 2.2em; margin: 30px 0; line-height: 1; } h4 { font-size: 1.9em; margin: 30px 0; line-height: 1; } h5 { font-size: 1.5em; margin: 30px 0; line-height: 1; } h6 { font-size: 1em; margin: 30px 0; line-height: 1; } .irs { width: 100%; max-width: 850px; height: 35px; } .irs-with-grid { height: 56px; } .irs-line { height: 4px; top: 26px; background: #fff; border: 1px solid #d4d4d4; border-radius: 2px; } .irs-bar { height: 4px; top: 26px; border-top: 1px solid #ca2929; border-bottom: 1px solid #ca2929; background: #ca2929; z-index: 1; } .irs-bar-edge { height: 4px; top: 26px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; border-radius: 16px 0 0 16px; } .irs-shadow { height: 4px; top: 26px; background-color: #d4d4d4; } .irs-slider { width: 15px; height: 15px; border: 1px solid #d4d4d4; background-color: #fff; border-radius: 50%; top: 20px; cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { background: #fff; } .irs-min, .irs-max { color: #333; font-size: 10px; line-height: 14px; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0,0,0,0.1); border-radius: 3px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 14px; text-shadow: none; padding: 1px 5px; background-color: #ca2929; border-radius: 3px; } .irs-from:after, .irs-to:after, .irs-single:after { width: 2px; position: absolute; content: ""; left: 50%; -webkit-transform: translateX(-50); -ms-transform: translateX(-50); -o-transform: translateX(-50); transform: translateX(-50); } .irs-grid { height: 27px; } .irs-grid-pol { background-color: #d4d4d4; } .irs-grid-pol.small { background-color: #d4d4d4; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #3d3d3d; background: #212121; position: relative; border-radius: 0; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 48px 0 20px; font-size: 16px; line-height: 48px; color: #fff; height: 48px; } .selectric .button { background-color: transparent; border: none; padding: 0; border-radius: 0; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; color: #fff; text-align: center; font: 20px/50px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border-bottom: none; } .selectric .button:hover { background-color: transparent; } .selectric-focus .selectric { border-color: #3d3d3d; } .selectric-hover .selectric { border-color: #3d3d3d; } .selectric-hover .selectric .button { color: #fff; } .selectric-hover .selectric .button:after { border-top-color: #fff; } .selectric-open { z-index: 9999; } .selectric-open .selectric { background-color: #212121; } .selectric-open .selectric-items { display: block; } .selectric-disabled { opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #f8f8f8; border: 1px solid #3d3d3d; border-top: none; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 15px 20px; border-bottom: 1px solid #3d3d3d; color: #fff; background-color: #212121; cursor: pointer; } .selectric-items li:last-child { border-bottom: none; } .selectric-items li.selected { background: #efefef; color: #444; } .selectric-items li.highlighted { background-color: #ca2929; color: #fff; } .selectric-items li:hover { background-color: #000; color: #fff; } .selectric-items .disabled { opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } @media (max-width: 1199px) { .selectric .label { margin: 0 40px 0 15px; font-size: 14px; line-height: 40px; height: 40px; } .selectric .button { width: 40px; height: 40px; line-height: 40px; } .selectric-items ul, .selectric-items li { font-size: 14px; line-height: 20px; min-height: 20px; } .selectric-items li { padding: 10px 15px; } } .fancybox-close-small { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "\E935"; position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 26px; line-height: 30px; font-family: 'icomoon'; color: #212121; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; -webkit-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .fancybox-close-small:hover:after { background-color: transparent; } @media (max-width: 767px) { .fancybox-slide > * { padding: 10px; } .fancybox-close-small { top: 10px; right: 10px; width: 20px; height: 20px; } .fancybox-close-small:after { top: 0; right: 0; width: 20px; height: 20px; font-size: 20px; line-height: 20px; } } .button-container { margin: 20px 0; } .button-container_center { text-align: center; } .button { display: inline-block; margin: 2px; text-align: center; vertical-align: middle; cursor: pointer; padding: 13px 25px; background-color: #ca2929; border: 1px solid #ca2929; border-radius: 2px; color: #fff; font-size: 16px; line-height: 20px; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; outline: 0; text-decoration: none; } .button--bradius { height: 40px; border-radius: 5px; padding: 0 20px; } .button--caurusel { background-color: transparent; border-radius: 10em; padding: 5px 10px; border: 1px solid #fff } .button--img { height: 40px; top: 2px; position: relative; margin: 0 0 0 2px; border-radius: 5px; line-height: 1; } .button__icon { font-size: 22px; line-height: 19px; color: #fff; vertical-align: middle; margin-right: 8px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .button__note { background-color: #ca2929; color: #fff; padding: 1px 8px; border-radius: 4px; font-weight: 300; } .button_upper { text-transform: uppercase; } .button_bold { font-weight: 400; } .button_big { font-weight: 400; font-size: 18px; } .button_md, .button_more { font-size: 14px; line-height: 18px; padding: 10px 20px; } .button_md .button__icon, .button_more .button__icon { font-size: 18px; } .button_round { border-radius: 25px; } .button_secondary { background-color: #fff; border: 1px solid #d4d4d4; color: #212121; } .button_secondary .button_round { border-radius: 20px; } .button_secondary .button__icon { color: #ca2929; line-height: 18px; } .button_secondary .button__icon_mono { color: #212121; } .button_more { border-radius: 20px; background-color: transparent; border: 1px solid #d4d4d4; color: #929292; } .button_more:after { content: "\E921"; font-family: 'icomoon'; font-size: 24px; line-height: 22px; vertical-align: middle; margin-left: 5px; } .button:hover { background-color: #b62525; } .button:hover .button__icon { color: #fff; } .button_secondary:hover, .button_more:hover { border-color: #ca2929; background-color: #ca2929; color: #fff; } .button:active { border-color: #212121; background-color: #212121; color: #fff; } .button_icon { width: 50px; height: 50px; padding: 0; border-color: transparent; background-color: transparent; display: flex; align-items: center; justify-content: center; } .button_icon .button__icon { color: #ca2929; margin-right: 0; font-size: 30px; line-height: 30px; } .button_md.button_icon { width: 40px; height: 40px; right: 330px } .button_md.button_icon .button__icon { font-size: 25px; line-height: 25px; } .button_icon:hover { background-color: transparent; border-color: transparent; } .button_icon:hover .button__icon { color: #212121; } .button_icon:active { background-color: transparent; border-color: transparent; } .button_icon:active .button__icon { color: #1e1e1e; } .button_no-text { width: 50px; padding-left: 0; padding-right: 0; } .button_no-text .button__icon { margin-right: 0; } .button_no-text.button_md { width: 40px; } .button-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-list .button + .button { margin-left: 10px; } .button-composed { -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .button-composed_append > .button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; margin: 0; } .button-composed__popup-container { display: none; } .button-appendix.button { border-bottom-left-radius: 0; border-top-left-radius: 0; position: relative; padding-left: 5px; padding-right: 5px; margin: 0; width: auto; } .button-appendix.button:after { content: ''; position: absolute; top: 5px; bottom: 5px; left: -1px; opacity: 0.4; z-index: 1; border-right: 1px solid #fff; } .flex__center { display: flex; align-items: center; justify-content: center; justify-self: center; align-self: center; flex-wrap: wrap; } .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix { display: block!important; } @media (max-width: 767px) { .button-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .button-list .button + .button { margin: 10px 0 0 0; } } .form-mini { margin: 20px 0; } .form { font-size: 18px; margin: 20px 0 50px 0; } .form__group--mailbutton { } .form__select { height: 40px; background-color: #fff; border-radius: 5px; width: 100%; margin: 2px 0; border: 1px solid #97b9bd; } .form__img-upload { width: 100%; margin: 2px 0; } .form__group--mail { display: flex; width: 100%; } .form__group-alert { display: flex; position: relative; } .form__alert { position: absolute; right: 10px; top: 10px; font-size: 24px; } .form__group { margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__group-name { margin-right: 20px; font-size: 18px; width: 330px; max-width: 330px; min-width: 330px; font-weight: 500; text-align: right; line-height: 18px; } .form__group-name-secondary { font-size: 12px; color: #787878; line-height: 12px; } .form__group-name_sm { font-size: 16px; } .form__group-name_xs { font-size: 14px; } .form__group-value { width: auto; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__group-value_text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .form__group-value_text_lg { font-size: 30px; font-weight: 400; } .form__control { height: 50px; border: 1px solid #d4d4d4; background-color: #fff; border-radius: 4px; width: 100%; vertical-align: middle; padding: 0 16px; } .form__control_bold { font-weight: 400; } .form__control-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form__control-list-item { margin-right: 30px; } .form__control-title { color: #b8b8b8; font-size: 30px; font-weight: 300; text-align: center; } .form__control_image { background-color: #f5f5f5; height: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form__control_image .button { width: 250px; margin-top: 15px; } .form__control_checkbox { width: 16px; height: 16px; margin-right: 0; vertical-align: top; } .form__control_radio { width: 16px; height: 16px; margin-right: 10px; } .form__control_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: -webkit-linear-gradient(45deg, transparent 50%, #808080 50%), -webkit-linear-gradient(315deg, #808080 50%, transparent 50%); background-image: -o-linear-gradient(45deg, transparent 50%, #808080 50%), -o-linear-gradient(315deg, #808080 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%); background-position: calc(100% - 25px) calc(1em + 4px), calc(100% - 20px) calc(1em + 4px); -webkit-background-size: 5px 5px, 5px 5px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; } .form__control_textarea { height: 100px; padding: 16px; resize: none; } .form__control_hidden { display: none; } .form__control:disabled { background-color: #f5f5f5; color: #212121; } .form__inline-button { padding: 0 18px; height: 50px; } .form__inline-button + .form__inline-button { margin-left: 10px; } .form__inline-button_additional { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } .form__inline-button_additional + .form__control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form__checkbox { font-size: 18px; margin: 5px; } .form__checkbox_small { font-size: 16px; } .form__radio { font-size: 18px; } .form__radio_small { font-size: 16px; } .form__actions { text-align: center; margin: 30px 0; } .form__button { width: 250px; } @media (max-width: 1199px) { .form { font-size: 16px; margin-bottom: 40px; } .form__group-name { margin-right: 10px; font-size: 16px; width: 260px; max-width: 260px; min-width: 260px; line-height: 16px; } .form__group-name-secondary { font-size: 11px; line-height: 11px; } .form__group-name_sm { font-size: 14px; } .form__group-name_xs { font-size: 12px; } .form__group-value_text_lg { font-size: 26px; } .form__control-list-item { margin-right: 20px; } .form__control-title { font-size: 24px; } } @media (max-width: 767px) { .form { font-size: 14px; margin-bottom: 40px; } .form__control { padding: 0 12px; } .form__control_select { background-position: calc(100% - 25px) calc(1em + 7px), calc(100% - 20px) calc(1em + 7px); -webkit-background-size: 5px 5px, 5px 5px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; } .form__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 20px 0; } .form__group-name { text-align: left; margin-right: 0; font-size: 14px; width: auto; max-width: none; min-width: 0; line-height: 14px; } .form__group-name-secondary { font-size: 10px; line-height: 10px; } .form__group-name_sm { font-size: 13px; } .form__group-name_xs { font-size: 12px; } .form__group-value { margin-top: 5px; width: 100%; } .form__group-value_text_lg { font-size: 22px; } .form__inline-button { font-size: 12px; } .form__checkbox { font-size: 12px; line-height: 12px; } } /* .table { font-size: 12px; border-collapse: collapse; margin: 20px 0; width: 100%; } */ .table thead { /*font-size: 14px; font-weight: 600;*/ border-bottom: 1px solid #747474; } .table thead tr:hover { background: #fff; } .table tr { border-bottom: 1px solid #e7e7e7; transition: .2s; } .table tr:hover{ background-color: #8b93a8; } .thead-sticky tr:hover{ background-color: transparent !important; } /* td { position: relative; } .table td { padding: 6px; vertical-align: middle; text-align: center; max-width: 150px; word-wrap: break-word; } */ .table tfoot tr { border-bottom: 0; } .table__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .table__buttons .button { margin: 0 4px; } .table_lg { font-size: 16px; } .table_lg td { padding: 10px 20px; } @media (max-width: 1199px) { .table-container { max-width: 100%; overflow: auto; } .table_lg { font-size: 14px; } .table_lg td { padding: 8px 16px; } } @media (max-width: 767px) { .table_lg { font-size: 13px; } .table_lg td { padding: 6px 12px; } } .breadcrumbs__link { font-size: 14px; text-decoration: none; transition: .2s; color: #cb2829; margin: 20px 0; position: relative; display: block; } .breadcrumbs__link:hover { text-decoration: underline; color: #6d1616; } /* .breadcrumb-item { margin: 0 2px; display: inherit; } .breadcrumb-item::after { content: '/'; display: flex; padding-left: 4px; } */ .breadcrumbs-link { text-decoration: none; transition: .2s; } .breadcrumbs-link:hover { text-decoration: underline; color: #8b1b1c; } .breadcrumb-item:last-child:after, .breadcrumb-item:first-child:after { content: ''; } .breadcrumbs-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .breadcrumbs-container__side { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 30px; } .breadcrumbs { font-size: 16px; padding: 20px 0; background-color: #fff; color: #212121; /* display: flex; justify-content: space-between; align-items: center;*/ } .breadcrumbs__text_prev:before { display: inline-block; font-family: 'icomoon'; content: "\E921"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); padding-left: 10px; color: #b9c0cb; font-size: 20px; line-height: 16px; vertical-align: middle; } @media (max-width: 767px) { .breadcrumbs { padding: 20px 0; font-size: 14px; } .breadcrumbs-container__side { width: 100%; } } html, body { background-color: #fff; color: #212121; font: 300 16px Roboto, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { color: #be0a0a; text-decoration: none; } a[href^="tel:"] { text-decoration: none; } b { font-weight: 400; } strong { font-weight: 800; } /*p { margin: 0 0 16px; }*/ ul { list-style-type: disc; padding-left: 20px; } ul li { margin-bottom: 5px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } select::-ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .clearfix:after, .clearfix:before { content: ""; display: table; } .clearfix:after { clear: both; } .hidden { display: none !important; } .wrapper { display: block; width: 100%; padding: 10px 10px 10px 60px; position: relative; } .wrapper:after, .wrapper:before { content: ""; display: table; } .wrapper:after { clear: both; } .wrapper_tablet-only { max-width: none; } .wrapper_phone-only { max-width: none; } .title { font-size: 36px; font-weight: 200; line-height: 36px; } .title_sm { font-weight: 300; font-size: 24px; } .title_lg { font-size: 48px; } .section__title { margin-bottom: 20px; display: inline-flex; width: auto; } .title-left { text-align: left!important; background-color: #fff; } .main { min-height: 700px; } .main__caption { padding: 10px 0; } .main__caption_bg { padding: 48px 0 37px; background: #fff url("../images/caption-bg.png") left bottom no-repeat; border-bottom: 1px solid #e1e5ed; } .main__caption_bg .main__caption-title { text-align: center; } .main__caption span { color: #9a9a9a; } .catalog__show-more { width: 100%; margin-top: 20px; } .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: auto; white-space: nowrap; } .logoImg { display: block; font-family: Akrobat, sans-serif; font-size: 20px; line-height: 42px; height: auto; width: auto; max-width: 70px; position: relative; left: 0; top: 0; margin-right: 20px; overflow:hidden; } .logo:after { position: relative; top: -1px; content: "\410\432\442\43E\421\442\430\43D\434\430\440\442"; font-family: Akrobat, sans-serif; font-weight: 800; font-size: 27px; line-height: 27px; display: block; } .hamburger { width: 24px; height: 24px; position: relative; cursor: pointer; display: none; } .hamburger span { width: 24px; height: 4px; background-color: #fff; border-radius: 2px; display: block; position: absolute; left: -1px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .hamburger span:nth-child(1) { top: 0; } .hamburger span:nth-child(2) { top: 10px; } .hamburger span:nth-child(3) { top: 20px; } .hamburger_active span { width: 28px; } .hamburger_active span:nth-child(1) { top: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger_active span:nth-child(2) { opacity: 0; } .hamburger_active span:nth-child(3) { top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .kais { width: 186px; height: 67px; padding-left: 70px; background: transparent url("../images/kais-logo.png") left center no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #c9c9c9; } .enter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; margin-top: -8px; height: 100%; color: #fff; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } .enter:hover { background-color: rgba(255,255,255,0.15); } .enter__icon { font-size: 26px; line-height: 30px; display: flex; } .enter__text { margin-top: 2px; height: 12px; line-height: 12px; font-size: 12px; text-align: center; } .warn { font-size: 16px; font-weight: 300; color: #ca2929; } .inline-warn { display: inline-block; background-color: #ca2929; font-size: 14px; line-height: 14px; vertical-align: middle; color: #fff; font-weight: 400; padding: 3px 8px; margin: 0 4px; border-radius: 4px; } .input { border: 1px solid #d4d4d4; font-size: 16px; font-weight: 300; height: 40px; padding: 0 20px; border-radius: 4px; outline: 0; margin: 10px 0; width: 100%; } .price { font-weight: 500; color: #ca2929; font-size: 16px; text-align: center; } .old_price { font-weight: 500; color: #212121; text-decoration: line-through; } .kol { text-align: right; } .table-warning { background-color: #f5c6cb; } .fas.fa-exclamation-triangle { color: #721c24; } .scroll { overflow: hidden; } .scroll__element { overflow: auto; height: 100%; width: 100%; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding 100ms ease; -o-transition: padding 100ms ease; transition: padding 100ms ease; } @media (max-width: 1199px) { .hidden_tablet { display: none !important; } .title { font-size: 32px; line-height: 32px; } .title_sm { font-size: 22px; } .title_lg { font-size: 40px; } .main__caption { padding: 30px 0; } .main__caption_bg { padding: 40px 0 35px; } .main__caption span { color: #9a9a9a; } .enter { padding: 0 5px; } .enter__icon { font-size: 20px; line-height: 25px; } .enter__text { margin-top: 8px; height: 10px; line-height: 10px; font-size: 10px; } } @media (max-width: 767px) { .hidden_phone { display: none !important; } .hamburger { z-index: 510; display: block; position: absolute; top: 50%; left: 15px; margin-top: -12px; } .hamburger_active { position: fixed; } .title { font-size: 24px; line-height: 24px; } .title_sm { font-size: 20px; line-height: 22px; } .title_lg { font-size: 30px; line-height: 30px; } .kais { width: 100%; height: auto; padding: 70px 0 0 0; background-position: center top; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #c9c9c9; } } .auth { background-color: transparent; color: #212121; padding: 20px; width: 450px; } .auth__title { text-align: center; font-family: Roboto, sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; } .auth__subtitle { text-align: center; font-size: 16px; margin-top: 6px; } .auth__form { margin-top: 0px; margin-bottom: 0; } .auth__form-group { position: relative; flex-wrap: wrap; align-items: stretch; width: 100%; } /* .check_email { flex-wrap: nowrap; } */ .auth__form-control { background-color: #fff; border-color: #cbcbcb; font-size: 16px; height: 40px; line-height: 50px; -webkit-transition: -webkit-box-shadow 300ms ease; transition: -webkit-box-shadow 300ms ease; -o-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease; transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease; } .auth__form-group .auth__form-control { flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; margin-top: 2px; } .auth__form-control_darken { background-color: #ebebeb; } .auth__form-control::-webkit-input-placeholder { color: #a6a6a6; } .auth__form-control:-moz-placeholder { color: #a6a6a6; } .auth__form-control::-moz-placeholder { color: #a6a6a6; } .auth__form-control:-ms-input-placeholder { color: #a6a6a6; } .auth__form-control:focus { outline: 0; } .auth__form-control_with-additional { border-radius: 4px 0 0 4px; border-right-width: 0; } .auth__form-control-additional-button { background-color: #fff; border: 2px solid #cb2829; border-left: 0; color: #ca2929; font-weight: 400; border-radius: 0 4px 4px 0; } .auth__form-control-additional-button .button__icon { color: #ca2929; } .auth__form-control-additional-button:hover { background-color: #a22121; color: #fff; } .auth__form-control-additional-button:active { background-color: #212121; border-color: #212121; } .auth__form-agreement { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; justify-content: space-between; } .auth__form-button { width: auto; margin-bottom: 10px; } .auth__form-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .auth__password-recovery { margin-left: auto; } .auth__registration-link { text-decoration: none; font-size: 18px; font-weight: 400; font-family: Roboto, sans-serif; } .auth__registration-link-icon { font-size: 24px; vertical-align: middle; } .auth__registration-link span { text-decoration: underline; } @media (max-width: 767px) { .auth { width: 100%; padding: 20px 0 0; } .auth__title { margin-top: 20px; font-size: 28px; } .auth__form-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .auth__form-control { font-size: 16px; } .auth__form-button { font-size: 14px; } } .tabs { padding: 10px 0 40px; } .tabs__pane { padding: 20px 0 50px; } .tabs__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #212121; overflow: hidden; } .tabs__button { height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 400; border-radius: 6px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: transparent; /*transition background-color 300ms ease*/ cursor: pointer; padding: 0 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #212121; } .tabs__button:hover { background-color: #212121; color: #fff; } .tabs__button_active { color: #fff; background-color: #212121; cursor: default; } @media (max-width: 1199px) { .tabs__button { position: relative; bottom: -1px; font-size: 12px; padding: 0 12px; border-bottom: 1px solid #ccc; } } @media (max-width: 1199px) { .tabs__button { font-size: 10px; padding: 0 8px; height: 30px; } } .tags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0 40px; } .tags__button { margin: 5px; color: #8e8e8e; } @media (max-width: 767px) { .tags__button { margin: 5px; color: #8e8e8e; font-size: 11px; line-height: 14px; padding: 8px 10px; } } .input-counter { width: 90px; height: 30px; max-height: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border: 1px solid #d4d4d4; background-color: #fff; border-radius: 4px; } .input-counter__button { height: 100%; width: 25px; background-color: #fff; border: none; outline: 0; color: #747474; font-size: 18px; -webkit-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } .input-counter__button:hover { background-color: #ededed; } .input-counter__button:active { background-color: #d5d5d5; } .input-counter__field { width: 40px; height: 20px; border: 1px solid #d4d4d4; border-top-width: 0; border-bottom-width: 0; text-align: center; outline: 0; } .socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socials__text { margin-right: 10px; } .socials__list { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .socials__item { margin: 0 5px; } .socials__link { color: #ca2929; text-decoration: none; -webkit-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; } .socials__link:hover { color: #a22121; } .socials__icon { font-size: 20px; } @media (max-width: 767px) { .socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .socials__text { font-size: 16px; margin: 0 0 10px 0; } } /* .nav { font-weight: 400; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 12px; width: 60%; } */ .nav__list { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin: 0; list-style-type: none; align-items: center; } .nav__item { position: relative; height: 100%; margin-bottom: 0; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; width: auto; display: flex; justify-content: center; } .nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 10px; color: #fff; text-decoration: none; font-size: 14px; } .nav__sublist { list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #212121; top: 100%; left: 0; position: absolute; font-size: 14px; padding-bottom: 10px; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, -webkit-transform 300ms ease; -o-transition: opacity 300ms ease, -o-transform 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease, -o-transform 300ms ease; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 0; height: 0; overflow: scroll; scrollbar-width: none; } a.nav__link + .nav__sublist { display: block; } ul.nav__sublist::-webkit-scrollbar{ width: 0; } .nav__sublist-image-container { display: inline-block; width: 40px; height: 40px; margin-right: 5px; vertical-align: middle; line-height: 40px; text-align: center; } .main-menu__img { width: auto; height: auto; max-width: 70px; border-radius: 10em; border: 1px solid rgba(0,0,0,.4); padding: 5px; display: block; box-sizing: content-box; margin-right: 5px; background-color: rgba(0,0,0,.4); } .nav__sublist-image { line-height: 40px; max-width: 35px; max-height: 40px; display: inline; vertical-align: middle; } .nav__item:hover > .nav__sublist { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: 90vh; width: 450px; min-width: 450px; max-width: 450px; opacity: 1; overflow: scroll; background-color: transparent; } .nav__sublist-item { padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #212121; } .nav__sublist-item_has-menu:before { content: "\E94B"; -webkit-transform: rotate(90deg) translateX(-50%); -ms-transform: rotate(90deg) translateX(-50%); -o-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%); font-family: icomoon; position: absolute; right: 5px; font-size: 8px; top: 55%; color: #8a8a8a; } .nav__sublist-item:hover { background-color: #323232; } .nav__sublist-item:hover .nav__link .nav__sublist { padding-right: 500px } .nav__sublist-item:hover > .nav__sublist { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); height: auto; width: auto; min-width: 350px; max-width: 350px; opacity: 1; z-index: 500; background-color: transparent; } /* .nav__sublist-item.nav__sublist-item_has-menu:hover .nav__link .nav_sublist { overflow: visible!important; } */ .nav__sublist-item:after { content: ""; display: block; position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px; background-color: #3d3d3d; } .nav__sublist-item .nav__link { padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .nav__sublist .nav__sublist .nav__sublist { left: 40px; } .nav__sublist .nav__sublist { top: 3px; left: 60px; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); overflow-x: visible; opacity: 0; z-index: 1; } .nav__sublist .nav__sublist_invert, .nav__sublist_invert .nav__sublist { right: calc(100% + 1px); left: auto; } .search-line { position: -webkit-sticky; position: sticky; top: 0; width: 100%; background-color: #212121; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; z-index: 100; } .search-line__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-line__form { height: 40px; width: 100%; font-weight: 300; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; justify-content: center; padding: 0; } .search-line__form_short { width: 800px; margin-right: auto; } .search-line__select { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border: 1px solid #ca2929; background-color: #ca2929; position: relative; top: 0; height: 40px; width: 560px; margin-left: 20%; font-weight: 400; font-size: 14px; color: #fff; padding: 0 20px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: -webkit-linear-gradient(45deg, transparent 50%, #fff 50%), -webkit-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: -o-linear-gradient(45deg, transparent 50%, #fff 50%), -o-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%); background-position: calc(100% - 45px) calc(1em + 3px), calc(100% - 40px) calc(1em + 3px); -webkit-background-size: 5px 5px, 5px 5px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; } .search-line__input { outline: 0; position: relative; margin: 0 30% 0 -2%; border: 1px solid #424242; background-color: #fff; height: 40px; font-size: 14px; width: 100%; border-radius: 20px; font-weight: 300; padding: 0 30px; color: #303030; -webkit-transition: border-color 300ms ease; -o-transition: border-color 300ms ease; transition: border-color 300ms ease; } .search-line__input:focus { border-color: #555; } .search-line__form_short .search-line__input { width: 630px; } .search-line__button { position: absolute; right: 0; top: 0; width: 50px; } .search-line__button-icon.button__icon { color: #6a6a6a; } .search-line__button:hover .search-line__button-icon.button__icon { color: #d4d4d4; } .search-line_big { width: 600px; margin: 0 auto; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: transparent; z-index: 1; } .search-line_big .search-line__title { font-size: 16px; font-weight: 400; margin-bottom: 14px; } .search-line_big .search-line__form { height: 60px; background-color: transparent; } .search-line_big .search-line__select { left: 0; height: 100%; margin: 0 0 0 10%; width: 203px; border-radius: 30px 0 0 30px; color: #fff; border-color: #ca2929; background-color: #ca2929; background-image: -webkit-linear-gradient(45deg, transparent 50%, #fff 50%), -webkit-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: -o-linear-gradient(45deg, transparent 50%, #fff 50%), -o-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%); background-position: calc(100% - 55px) calc(1em + 12px), calc(100% - 50px) calc(1em + 12px); -webkit-background-size: 5px 5px, 5px 5px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; position: absolute; } .search-line_big .search-line__input { border-radius: 30px; width: 440px; height: 100%; border-color: #fff; background-color: #fff; color: #212121; font-size: 16px; margin: 0 0 0 37%; } .search-line_big .search-line__button { width: 60px; height: 60px; } .search-line_big .search-line__button-icon.button__icon { color: #ca2929; } .search-line_big .search-line__button:hover .search-line__button-icon.button__icon { color: #212121; } @media (max-width: 1199px) { .search-line__form_short { width: 450px; } .search-line__form_short .search-line__input { width: 280px; } } .user-info { max-width: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: Roboto, sans-serif; margin-left: auto; } .user-info__basket { color: #ca2929; max-width: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; text-decoration: none; } .user-info__basket-left { width: 30px; height: 30px; position: relative; text-align: center; vertical-align: middle; line-height: 30px; margin-right: 8px; } .user-info__basket-icon { font-size: 29px; } .user-info__basket-count { display: block; text-align: center; width: 18px; height: 12px; line-height: 12px; top: 4px; left: 8px; position: absolute; font-size: 12px; font-weight: 700; } .user-info__basket-sum { font-weight: 500; font-size: 12px; border-bottom: 1px solid #ca2929; } .user-info__basket:hover .user-info__basket-sum { border-color: transparent; } .user-info__name { color: #898888; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 20px; font-size: 14px; } .user-info__name span { max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .user-info__name-icon { width: 26px; height: 26px; font-size: 26px; margin-left: 10px; color: #ca2929; } .user-info__bars { width: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 15px; } .user-info__bar { width: 100%; height: 15px; margin-bottom: 2px; background-color: #ca2929; border-radius: 4px; font-size: 12px; line-height: 16px; vertical-align: middle; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px; font-weight: 500; } .user-info__bar_secondary { background-color: #5d5d5d; color: #212121; text-transform: uppercase; } .user-info__bar:last-child { margin-bottom: 0; } @media (max-width: 1199px) { .user-info__basket { max-width: 100px; } .user-info__basket-left { width: 26px; height: 26px; line-height: 26px; margin-right: 6px; } .user-info__basket-icon { font-size: 24px; } .user-info__basket-count { width: 16px; height: 10px; line-height: 10px; top: 2px; left: 7px; font-size: 10px; } .user-info__basket-sum { font-size: 10px; } .user-info__name { margin-left: 10px; } .user-info__name span { font-size: 12px; max-width: 80px; } .user-info__name-icon { width: 20px; height: 20px; font-size: 20px; margin-left: 6px; } .user-info__bars { width: 55px; margin-left: 10px; } .user-info__bar { font-size: 10px; } } .header { z-index: 10; color: #fff; } .header_search-offset { top: 50px; } .header__inner { position: relative; } .header__background { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .header__background:before { content: ""; top: -10px; left: -10px; bottom: -10px; right: -10px; position: absolute; background-color: #212121; -webkit-background-size: cover; background-size: cover; -webkit-filter: blur(5px); filter: blur(5px); } .header__wrapper { height: 100%; position: relative; z-index: 12; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; } .header__wrapper:after, .header__wrapper:before { content: none; } .logo.header__logo { cursor: pointer; } .header__right { height: 100%; text-align: right; padding: 0 10px 0 20px; color: #fff; display: flex; } .header__wrapper > .header__right { /*flex-direction: column;*/ flex-wrap: nowrap !important; align-items: center; justify-content: center; position: relative; } .header__phone { font-size: 16px; padding: 0 5px; text-align: center; white-space: nowrap; width: 12%; } .header__phone a { color: #fff; } .header_fixed { position: fixed; left: 0; width: 100%; z-index: 99; } .header_transparent { background-color: transparent; } .header_transparent .header__background { opacity: 0; } .footer { padding: 50px 0 40px; background-color: #212121; color: #fff; font-size: 14px; font-weight: 400; } .footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__column { width: 385px; } .footer__kais { margin-bottom: 17px; } .footer__copyright { color: #626161; font-weight: 500; } .footer__link-list { list-style-type: none; padding: 0; margin: 0; } .footer__link-item { font-size: 14px; margin-bottom: 10px; color: #c9c9c9; text-decoration: none; } .footer__link { text-decoration: none; color: #c9c9c9; } .footer__link:hover { color: #fff; } .footer__contacts { margin-bottom: 8px; } .footer__contacts-item { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .footer__contacts-item a { color: #fff; } .footer__contacts-item-icon { text-align: center; font-size: 21px; color: #ca2929; width: 25px; min-width: 25px; margin-right: 10px; } .footer__contacts-item-text_phone { font-size: 16px; } @media (max-width: 767px) { .footer { padding: 50px 0 10px; background-color: #212121; color: #fff; font-size: 14px; font-weight: 400; } .footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__column { width: 280px; margin-bottom: 20px; } .footer__column:nth-child(1) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer__link-list { text-align: center; text-transform: uppercase; } } .banner { padding-top: 100px; background: #28242d url("../images/banner.jpg") top center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff; position: relative; } .banner::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .3); } .banner__text-content { text-align: center; padding: 60px 0 65px; max-width: 940px; margin: 0 auto; } .banner__title { font-size: 60px; line-height: 68px; font-weight: 900; } .banner__subtitle { font-size: 48px; font-weight: 200; line-height: 50px; } .banner__search-line { margin-bottom: 60px; } .banner__button-container { display: none; } .banner__desc { padding: 25px 0 30px; background-color: rgba(0,0,0,0.4); } .banner__desc-wrapper { position: relative; } .banner__desc-inner { width: 1000px; margin: 0 auto; } .banner__desc-title { font-size: 18px; font-weight: 400; margin-bottom: 10px; max-width: 100%; position: relative; } .banner__desc-date { position: absolute; right: 0; width: 100px; text-align: right; font-size: 15px; font-weight: 400; color: #b4b4b4; } .banner__desc-text { color: #bfbfbf; font-size: 15px; font-weight: 300; line-height: 24px; } .banner__desc-button { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 70px; height: 70px; } .banner__desc-button_next { left: auto; right: 0; } .banner__desc-button-icon.button__icon { color: #76757b; font-size: 48px; } .banner__desc-button:hover .banner__desc-button-icon.button__icon { color: #f0f3f8; } .banner__desc .slick-dots { padding: 0; list-style-type: none; 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; margin: 10px 0; } .banner__desc .slick-dots li { margin: 0; } .banner__desc .slick-dots li button { padding: 0; margin: 2px; display: block; border: 1px solid rgba(255,255,255,0.5); background-color: transparent; border-radius: 50%; width: 5px; height: 5px; font-size: 0; color: transparent; overflow: hidden; outline: 0; } .banner__desc .slick-dots li.slick-active button { border-color: #ca2929; background-color: #ca2929; } @media (max-width: 1199px) { .banner { padding-top: 75px; } .banner__text-content { padding: 40px 0 50px; max-width: 600px; } .banner__title { font-size: 40px; line-height: 46px; } .banner__subtitle { font-size: 28px; line-height: 30px; } .banner__search-line { margin-bottom: 50px; } .banner__desc { padding: 20px 0 25px; } .banner__desc-inner { width: 600px; } .banner__desc-title { font-size: 16px; margin-bottom: 8px; } .banner__desc-date { width: 80px; font-size: 14px; } .banner__desc-text { font-size: 12px; line-height: 16px; } .banner__desc-button { width: 50px; height: 50px; } .banner__desc-button-icon.button__icon { font-size: 46px; } } @media (max-width: 767px) { .banner { padding-top: 75px; justify-content: center; align-items: center; display: flex; } .banner__text-content { max-width: 280px; } .banner__title { font-size: 30px; line-height: 34px; } .banner__subtitle { margin-top: 20px; font-size: 18px; line-height: 24px; } .banner__search-line { display: block; width: 90%; } .search-line__title { text-align: center; font-weight: 100!important; } .banner__button-container { display: block; padding-bottom: 60px; } .banner__button-search { width: auto; display: none; margin: auto; } .banner__desc { display: none; padding: 15px 0 15px; } } .section-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0 0 25px 0; padding: 10px; } .section-list__item { width: 32%; background-repeat: no-repeat; background-position: left bottom; background-size: cover; height: 300px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f0f3f8; outline: 1px solid #fff; position: relative; overflow: hidden; margin: 5px; } .section-list__item-text-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 50px; position: relative; max-width: 60%; padding-right: 8%; margin-left: auto; text-align: right; background-color: rgba(0,0,0,.4); color: #fff; padding: 20px; } .section-list__item { cursor: pointer; } .section-list__item:hover .button_more { border-color: #ca2929; background-color: #ca2929; } .button.button_more.section-list__item-button { color: #fff; } .section-list__item-desc { font-weight: 400; font-size: 18px; } .section-list__item-name { font-weight: 200; font-size: 48px; line-height: 36px; } .section-list__item-button-container { margin-top: 12px; } select.form-control { color: #222; } .gr_quality_filter { margin: 0 20px; } @media (max-width: 1199px) { .section-list__item { width: 50%; height: 250px; } .section-list__item-text-content { padding-bottom: 40px; max-width: 70%; padding-right: 5%; } .section-list__item-desc { font-size: 16px; } .section-list__item-name { font-weight: 200; font-size: 40px; } .section-list__item-button-container { margin-top: 10px; } } @media (max-width: 767px) { .section-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-list__item { width: auto; height: 100px; background-size: contain; background-position: left; } .section-list__item-text-content { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 15px; width: auto; max-width: 90%; } .section-list__item-desc { font-size: 16px; } .section-list__item-name { font-weight: 200; font-size: 30px; line-height: 30px; } .section-list__item-button-container { display: none; } } .parts-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .search__div--action { position: fixed; top: 0; display: flex; background-color: #222!important; height: 50px!important; padding: 5px 50px; } .search__div--action > .search-line__select { position: relative; background-position: calc(100% - 45px) calc(1em + 3px), calc(100% - 40px) calc(1em + 3px); border: 0; margin: 0; top: 0; } .search__div--action > .search-line__input { margin: 0 0 0 -20px; width: 30%; } .search__div--action > .search-line__button { position: relative; display: flex; height: auto!important; width: auto!important; margin-left: -5rem; align-items: center; } .search-line--action { transform: translate3d(0, 0, 0); position: fixed; width: 100%; left: 0; } .top_menu_photo { border-radius: 50%; width: 38px; height: 38px; display: inline-block; background-position: center; cursor: pointer; position: absolute; top: -38px; margin: auto; right: 50%; margin-right: -19px; } .top_menu_cfio { margin-top: auto; margin-bottom: auto; padding-top: inherit; padding-bottom: inherit; } .topline-right__box { color: #ca2929; position: absolute; top: 50%; right: 0; transition: .3s; margin: -10px 10% 0 0; font-size: 20px; font-weight: 400; display: none; } .topline-right__box--visible { display: flex; } .basket_sum:hover { color: #fff; transform: scale(1.02); } .topline-right__box i { padding: 0 10px; } .main-input__wrap--topline .topline-right__box { display: flex; } /* .badge-info { color: #fff; border-radius: 10em!important; border: 1px solid #fff; } .badge { display: flex; font-size: 60%; vertical-align: baseline; border-radius: 50px; position: absolute; right: 0; margin: 0 5px; color: #fff; border: 1px solid #ca2929; padding: 2px; background: #ca2929; justify-content: center; align-items: center; min-width: 17px; } */ .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #212529; background-color: #ced4da; } a.badge-secondary:hover, a.badge-secondary:focus { color: #212529; background-color: #b1bbc4; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .user__dropdown { display: none; position: absolute; top: 47px; right: 0; border-radius: 5px; padding: 10px 30px; -webkit-box-shadow: 10px 9px 20px 0px rgba(0,0,0,0.49); -moz-box-shadow: 10px 9px 20px 0px rgba(0,0,0,0.49); box-shadow: 10px 9px 20px 0px rgba(0,0,0,0.49); background-color: #222; } .user__dropdown-item { color: #fff; text-decoration: none; white-space: nowrap; height: 40px; display: block; /*align-items: center;*/ text-align: left; font-size: 16px; } .user__dropdown-item i { padding: 0 10px 0 0; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1rem; margin-bottom: -1px; background-color: #222; color: #fff; margin: 0; text-decoration: none; } #webconsult ._wc-widget._wc-mobile { right: 10px!important; } .parts-list__item { width: 19%; border: 1px solid #e9ecf3; padding: 20px; margin: 0 4px; background-color: #fff; margin-bottom: 10px; position: relative; display: flex; flex-direction: column; justify-content: space-between; height:100%; } .parts-list__item-image-wrap { width: 100%; height: 165px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: visible; } .parts-list__item-image { max-width: 100%; max-height: 160px; width:auto !important; } .parts-list__item-title { display: block; text-decoration: none; color: #212121; font-size: 18px; line-height: 18px; font-weight: 700; margin: 12px 0; text-transform: uppercase; } .parts-list__item-text { margin: 12px 0; font-size: 14px; font-weight: 300; } .parts-list__item-actions { text-align: right; bottom: 10px; right: 10px; } .parts-list__item-button { padding: 4px 20px; } .parts-list_lines { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .parts-list_lines .parts-list__item { height: 150px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .parts-list_lines .parts-list__item-image-wrap { width: 270px; min-width: 270px; margin-right: 30px; height: 100%; } .parts-list_lines .parts-list__item-image { max-width: 250px; max-height: calc(100% - 30px); } .parts-list_lines .parts-list__item-text-content { padding-top: 30px; } .parts-list_lines .parts-list__item-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 190px; min-width: 190px; margin-left: auto; } .news-list-section { background-color: #f7f9fb; } .news-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list__item { width: 31%; margin: 0 1% 60px 1%; position: relative; } .news-list__item-image { display: block; text-decoration: none; width: 100%; height: 200px; background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; background-size: cover; margin-bottom: 10px; } .news-list__item-date { font-size: 14px; color: #8c95a4; line-height: 14px; margin: 10px 0; } .news-list__item-title { text-decoration: none; font-size: 16px; color: #212121; font-weight: 500; margin: 10px 0 14px; } .news-list__item-text { margin: 14px 0; font-size: 12px; line-height: 14px; color: #8c95a4; font-weight: 400; } .news-list__show-more-container { text-align: center; } @media (max-width: 1199px) { .news-list__item { width: 350px; margin-bottom: 60px; } .news-list__item:nth-child(n) { margin-right: 10px; } .news-list:nth-child(2n) { margin-right: 0; } .news-list__show-more-container { text-align: center; } } @media (max-width: 767px) { .news-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .news-list__item { width: 290px; margin-bottom: 60px; } .news-list__item-image { height: 200px; } .news-list__item:nth-child(n) { margin-right: 0; } } .news-detail { padding-bottom: 100px; } .news-detail__date { color: #8c95a4; font-size: 24px; font-weight: 300; text-transform: uppercase; } .news-detail__title { margin: 20px 0 40px; } .news-detail__text { font-size: 18px; font-weight: 300; color: #212121; } .news-detail__text:after, .news-detail__text:before { content: ""; display: table; } .news-detail__text:after { clear: both; } .news-detail img { float: left; margin: 0 30px 30px 0; clear: both; } @media (max-width: 1199px) { .news-detail { padding-bottom: 60px; } .news-detail__date { font-size: 20px; } .news-detail__title { margin: 20px 0 40px; } .news-detail__text { font-size: 16px; } .news-detail img { margin: 0 20px 20px 0; max-width: 300px; } } @media (max-width: 767px) { .news-detail__text { font-size: 14px; } } /* .pagination { width: 100%; display: flex; justify-content: flex-end; } */ .pagination__list { display: flex; list-style-type: none; } .pagination__link { text-decoration: none; color: #222; } .pagination__item { height: 20px; min-width: 20px; width: auto; border: 1px solid #8b93a8; background: #e7e7e7; display: flex; align-items: center; justify-content: center; transition: transform .2s; } .pagination__item:hover { background-color: #222; border-color: #222; font-weight: 500; transform: scale(1.1); } .pagination__item:hover .pagination__link { color: #fff; } .pagination__item--active .pagination__link, .pagination__item--active { background-color: #222; border-color: #222; color: #fff; font-weight: 500; } .pagination__arr { font-size: 17px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } /* .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 0; } .pagination__group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 30px; } .pagination__group:last-child { margin-right: 0; } .pagination__group:first-child { margin-right: auto; margin-left: 0; } .pagination__button-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pagination__button { width: 30px; height: 30px; padding: 0; line-height: 30px; vertical-align: middle; border-radius: 0; border: 1px solid #e9ecf3; font-size: 16px; } .pagination__button .button__icon { display: inline-block; line-height: 16px; margin-left: 10px; margin-right: 0; color: #212121; font-size: 16px; height: 16px; } .pagination__button_text { width: auto; padding: 0 20px; font-size: 14px; } .pagination__button_text_next { margin-left: 15px; } .pagination__button_text_next .button__icon { font-size: 20px; margin-left: 0; margin-right: 10px; } .pagination__button_text_prev { margin-right: 15px; } .pagination__button_text_prev .button__icon { font-size: 20px; margin-left: 0; margin-right: 10px; } .pagination__button_styler.button { border: 0; width: 20px; height: 20px; line-height: 20px; background-color: transparent; margin-left: 5px; } .pagination__button_styler.button .button__icon { margin: 0; } .pagination__button_styler.button:hover { background-color: transparent; color: #4e576a; } .pagination__button_styler.button:hover .button__icon { color: #4e576a; } .pagination__button_styler_active .button { background-color: transparent; color: #4e576a; } .pagination__button_styler_active .button__icon { color: #4e576a; } .pagination__button:hover { background-color: #f3f5f9; color: #212121; border-color: #e9ecf3; } .pagination__button:hover .button__icon { color: #212121; } .pagination__count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pagination__count-text { margin-right: 20px; font-size: 16px; } .pagination__link-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pagination__link-item { margin: 0 5px; color: #212121; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pagination__link { color: #a0a0a0; text-decoration: underline; } .pagination__link_active { color: #212121; text-decoration: none; font-weight: 400; } @media (max-width: 767px) { .pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 20px 0; } .pagination__group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .pagination__group:nth-child(n) { margin: 10px 0; } } */ .order { background-color: #fff; } .order__subtitle { font-size: 18px; font-weight: 700; font-style: italic; margin-bottom: 20px; } .order__subtitle_center { text-align: center; } .order__title { margin-top: 50px; margin-bottom: 20px; } .order__warn { margin: 16px 0; } .order ul { font-size: 18px; margin: 10px 0 30px; } .payment-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-right: 80px; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .payment-list__item { font-size: 18px; font-weight: 400; } .payment-list__item-icon { font-size: 35px; margin-right: 16px; vertical-align: middle; } @media (max-width: 1199px) { .order__subtitle { font-size: 16px; margin-bottom: 16px; } .order__title { margin-top: 30px; margin-bottom: 16px; } .order__warn { margin: 10px 0; } .order ul { font-size: 15px; margin: 10px 0 30px; } .payment-list { padding-right: 0; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .payment-list__item { font-size: 14px; font-weight: 400; } .payment-list__item-icon { font-size: 30px; margin-right: 16px; vertical-align: middle; } } @media (max-width: 767px) { .order__subtitle { font-size: 16px; margin-bottom: 20px; } .order__title { margin-top: 30px; margin-bottom: 20px; } .order ul { font-size: 14px; margin: 10px 0 30px; } .order ul li { margin-bottom: 10px; } .payment-list { padding-right: 0; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .payment-list__item { font-size: 14px; font-weight: 400; } .payment-list__item-icon { font-size: 30px; margin-right: 16px; vertical-align: middle; } } .contacts { width: 100%; overflow: hidden; height: 1275px; position: relative; font-size: 16px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .contacts__title { margin-bottom: 50px; } .contacts__map { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; width: 100%; height: 100%; } .contacts__side { position: absolute; top: 0; right: 0; bottom: 0; width: 400px; min-width: 400px; padding: 40px 50px; background-color: rgba(255,255,255,0.95); } .contacts__text-content { height: 100%; } .contacts__hint { display: inline-block; padding: 6px 10px; position: relative; left: -10px; width: auto; font-size: 14px; font-weight: 300; color: #212121; text-align: center; vertical-align: middle; background-color: rgba(255,255,255,0.8); border-radius: 20px; } .contacts__item { margin: 50px 0; } .contacts__item-name { font-size: 18px; font-weight: 400; margin: 20px 0; } .contacts__item-image-wrapper { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; height: auto; } .contacts__item-image { max-width: 100%; height: auto; } .contacts__requis { display: flex; list-style-type: none; padding: 0; margin: 0 0 10px 0; font-size: 10px; flex-wrap: wrap; } .contacts__requis-txt { padding: 0; margin: 0; } .contacts__requis-txt::after { content: '/'; } .contacts__requis-txt:last-child:after { content: ''; } .contacts__requis-txt span { font-weight: 500; padding-left: 2px; } .contacts__requis-txt span:after { content: ":"; } @media (max-width: 1199px) { .contacts { height: 900px; font-size: 14px; } .contacts__title { margin-bottom: 30px; } .contacts__side { overflow: auto; width: 300px; min-width: 300px; padding: 30px 20px; } .contacts__item { margin: 40px 0; } .contacts__item-name { font-size: 16px; margin: 16px 0; } .contacts__item-image-wrapper { margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 260px; } } @media (max-width: 767px) { .contacts { height: auto; font-size: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .contacts__map { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 300px; overflow: hidden; } .contacts__side { position: relative; overflow: auto; width: 100%; height: auto; min-width: none; padding: 30px 20px; } .contacts__text-content { width: 290px; margin: 0 auto; } .contacts__item { margin: 40px 0; } .contacts__item-name { font-size: 16px; margin: 16px 0; } .contacts__item-image-wrapper { margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 260px; } } .catalog-item { padding-bottom: 100px; } .catalog-item__overview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-item__image-wrap { width: 575px; height: auto; min-width: 575px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .catalog-item__image { max-width: 100%; height: auto; outline: 1px solid #eaeaea; } .catalog-item__text-content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 50px; font-size: 18px; font-weight: 300; line-height: 30px; } .catalog-item__title { font-size: 30px; font-weight: 700; margin-bottom: 35px; } .catalog-item__subtitle { color: #8c95a4; font-size: 24px; font-weight: 700; margin: 30px 0; } .catalog-item__rows { margin: 60px 0 40px; font-size: 18px; font-weight: 400; } .catalog-item__row { margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-item__row-item-left { width: 50%; } .catalog-item__row-item-right { width: 50%; padding-left: 10px; } .catalog-item__row-item-right:first-child { margin-left: auto; } .catalog-item__row-item span { font-size: 26px; } .catalog-item__row-item_lg { font-size: 24px; } .catalog-item__buy-button { width: 250px; } .catalog-item__tabs-buttons { height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: none; } .catalog-item__tabs-button { margin: 0 30px; color: #868686; font-weight: 300; text-decoration: underline; height: auto; background-color: transparent; font-size: 18px; text-transform: none; border: 0; } .catalog-item__tabs-button:first-child { margin-left: 0; } .catalog-item__tabs-button:last-child { margin-right: 0; } .catalog-item__tabs-button:hover { color: #212121; background-color: transparent; } .catalog-item__tabs-button.tabs__button_active { text-decoration: none; color: #212121; } .catalog-item__tabs-pane { padding: 20px 0 60px; font-size: 16px; color: #000; font-weight: 300; line-height: 30px; } .catalog-item__tabs-pane b { font-weight: 700; } .catalog-item__description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-item__description-column { width: 48%; } @media (max-width: 1199px) { .catalog-item__overview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-item__image-wrap { width: 350px; min-width: 350px; } .catalog-item__text-content { padding-left: 20px; font-size: 16px; line-height: 24px; } .catalog-item__title { font-size: 22px; margin-bottom: 16px; } .catalog-item__subtitle { font-size: 18px; line-height: 18px; margin: 16px 0; } .catalog-item__rows { margin: 30px 0 40px; font-size: 16px; } .catalog-item__row-item-left { width: 40%; } .catalog-item__row-item-right { width: 60%; padding-left: 6px; } .catalog-item__row-item-right:first-child { width: 100%; margin-left: auto; margin-right: auto; } .catalog-item__row-item span { font-size: 22px; } .catalog-item__row-item_lg { font-size: 22px; } .catalog-item__tabs-buttons { height: 75px; } .catalog-item__tabs-button { margin: 0 10px; font-size: 16px; } .catalog-item__tabs-button:first-child { margin-left: 0; } .catalog-item__tabs-button:last-child { margin-right: 0; } .catalog-item__tabs-pane { padding: 16px 0 40px; font-size: 15px; line-height: 24px; } } @media (max-width: 767px) { .catalog-item__overview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-item__image-wrap { width: 100%; min-width: 0; margin-bottom: 20px; } .catalog-item__text-content { padding-left: 0; font-size: 14px; line-height: 18px; } .catalog-item__title { font-size: 18px; margin-bottom: 16px; } .catalog-item__subtitle { font-size: 16px; line-height: 16px; margin: 16px 0; } .catalog-item__rows { margin: 20px 0 30px; font-size: 14px; } .catalog-item__row-item-left { width: 35%; } .catalog-item__row-item-right { width: 65%; padding-left: 4px; } .catalog-item__row-item-right:first-child { width: 100%; margin: 0; } .catalog-item__row-item span { font-size: 16px; } .catalog-item__row-item_lg { font-size: 16px; } .catalog-item__tabs-buttons { height: auto; } .catalog-item__tabs-button { margin: 0 10px 0 0; height: 30px; font-size: 14px; } .catalog-item__tabs-button:first-child { margin-left: 0; } .catalog-item__tabs-button:last-child { margin-right: 0; } .catalog-item__tabs-pane { padding: 16px 0 40px; font-size: 14px; line-height: 20px; } .catalog-item__description { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-item__description-column { width: auto; } .catalog-item__buy-button { margin-top: 20px; } } .control__caption-button { margin: 0 5px; border-radius: 6px; } .control__tabs { margin-top: 20px; } .control__tabs_inner { background-color: #f5f5f5; padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .control__caption-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; } .control__caption-button { width: 250px; margin: 5px 0; } .control__caption-main-button { font-size: 10px; padding: 10px 15px; } .control__caption-main-button .button__icon { font-size: 12px; margin-right: 2px; } } .nodes { padding: 25px 0 50px; } .nodes__title { margin-bottom: 20px; } .nodes__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nodes__list-item { width: 290px; margin-bottom: 40px; } .nodes__list-item:nth-child(n) { margin-right: 10px; } .nodes__list-item:nth-child(4n) { margin: 0; } .nodes__list-item-image-container { position: relative; width: 100%; height: 400px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; text-decoration: none; } .nodes__list-item-image { max-width: 100%; max-height: 100%; } .nodes__list-item-image-cover { background-color: rgba(202,41,41,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 400; opacity: 0; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .nodes__list-item-image-cover-icon { font-size: 26px; margin-right: 10px; color: #fff; } .nodes__list-item-image-container:hover .nodes__list-item-image-cover { opacity: 1; } .nodes__list-item-name { margin: 16px 0; display: block; font-size: 16px; line-height: 16px; font-weight: 400; color: #212121; text-decoration: none; } .nodes__list-item-text { font-size: 14px; } @media (max-width: 1199px) { .nodes__title { margin-bottom: 16px; } .nodes__list-item { width: 236px; } .nodes__list-item:nth-child(n) { margin-right: 10px; } .nodes__list-item:nth-child(3n) { margin: 0; } .nodes__list-item-image-container { width: 100%; height: 326px; margin-bottom: 16px; } .nodes__list-item-name { margin: 16px 0; display: block; font-size: 14px; line-height: 14px; } .nodes__list-item-text { font-size: 13px; } } @media (max-width: 767px) { .nodes__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nodes__list-item:nth-child(n) { margin-right: 0; } } .node-detail { padding: 25px 0 50px; } .node-detail__content { margin: 20px 0 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .node-detail__image-container { margin-right: 25px; width: 500px; min-width: 500px; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } .node-detail__image { max-width: 100%; height: auto; } .node-detail__table { font-size: 14px; } .node-detail__table td { padding: 12px 6px; } .node-detail__table-icon { color: #ca2929; font-size: 22px; } .node-detail__table tbody tr { cursor: pointer; } .node-detail__table tbody tr:hover { background-color: #ecb4b4; } @media (max-width: 1199px) { .node-detail { padding: 25px 0 50px; } .node-detail__image-container { margin-right: 16px; min-width: 270px; width: 270px; } .node-detail__image { max-width: 100%; height: auto; } .node-detail__table { font-size: 14px; } .node-detail__table td { padding: 8px 6px; } .node-detail__table-icon { font-size: 20px; } .node-detail__table tbody tr { cursor: pointer; } .node-detail__table tbody tr:hover { background-color: #ecb4b4; } } @media (max-width: 767px) { .node-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .node-detail__image-container { margin-right: 0; min-width: 300px; width: 300px; } .node-detail__table { margin-top: 20px; font-size: 12px; } } .basket { padding-bottom: 110px; } .basket__checkbox { width: 15px; height: 15px; } .basket__additional-cond { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #919191; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .basket__additional-cond-checkbox { margin: 0 2px; } .basket__additional-cond-icon { font-size: 20px; margin: 0 2px; } .basket__order-button { width: 250px; } .basket__action-button.button { border-radius: 4px; width: 30px; height: 30px; padding: 0; } .basket__action-button.button+.basket__action-button.button { margin-left: 4px; } .filter { background-color: #f5f5f5; padding: 20px; } .filter__button-list { height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .filter__button-list .button-composed { margin-right: 20px; } .filter__button { font-size: 16px; border-radius: 4px; } .filter__button_appendix .button__icon { padding: 0 4px; width: 5px; height: 5px; font-size: 10px; line-height: 14px; } .filter__item-title { color: #212121; font-size: 16px; font-weight: 400; text-align: center; background-color: #bfbfbf; padding: 10px 20px; } .filter__item-content { font-size: 14px; font-weight: 400; padding: 16px 20px 16px; } .filter__item-choose-list { margin: 20px 0; list-style-type: none; padding: 0; } .filter__item-choose-item { margin: 12px 0; } .filter__item-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; } .filter__item-actions_oneline { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .filter__item-actions_oneline .button { width: 150px; } .filter__item-actions_oneline .button + .button { margin-left: 10px; } .filter__item-action-button { border-color: #212121; border-radius: 4px; font-weight: 400; margin: 5px 0; } .filter__item-helpers { padding: 5px 20px; background-color: #f5f5f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .filter__item-helper { font-size: 12px; color: #212121; text-decoration: none; font-weight: 500; } .filter__item-helper+.filter__item-helper { margin-left: 18px; } .filter__item-tip { background-color: #ca2929; color: #fff; font-size: 14px; text-align: center; padding: 14px 20px; } .filter__item-input-container { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .filter__item-input { border: 1px solid #d4d4d4; background-color: #fff; font-size: 14px; font-weight: 300; outline: 0; padding: 0 20px; height: 40px; border-radius: 4px; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .tooltip__content-container { display: none; } .tippy-tooltip.filter-theme { background-color: #fff; border: 1px solid #bfbfbf; border-radius: 0 0 4px 4px; color: #212121; text-align: left; padding: 0; } .tippy-tooltip.filter-theme .tippy-backdrop { background-color: transparent; } @media (max-width: 1199px) { .filter__button-list { height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .filter__button-list .button-composed { margin-right: 20px; margin-bottom: 20px; } .filter__button-list .button-composed .button { margin: 0; } .filter__button { font-size: 16px; margin-right: 20px; } } @media (max-width: 767px) { .filter__button-list { height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .filter__button-list .button-composed { margin: 0 0 20px 0; } .filter__button-list .button-composed .button { margin: 0; } .filter__button { font-size: 14px; margin-bottom: 20px; } } .order-list__table-container { margin-top: 20px; } .order-list__table { font-size: 12px; border: 1px solid #c6c6c6; } .order-list__table td { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; position: relative; } .order-list__table thead { font-size: 12px; } .order-list__table thead tr { border-bottom: 1px solid #747474; } .order-list__table thead td { padding: 2px 6px; } .order-list__table tbody tr td:first-child { font-size: 10px; } .order-list__table-search-icon { color: #ca2929; font-size: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 5px; } .keyval-lines { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; color: #212121; font-weight: 300; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .keyval-lines__item { line-height: 20px; padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .keyval-lines__item-key { width: 50%; } .keyval-lines__item-val { width: 50%; } .keyval-lines__item-val_lg { font-size: 24px; } .keyval-lines__item:nth-child(odd) { background-color: #f3f3f3; } .dropdown-list { background-color: #f5f5f5; list-style-type: none; padding: 0; margin: 5px 0; outline: 1px solid #fff; } .dropdown-list__item { position: relative; font-weight: 400; font-size: 13px; padding: 5px 10px 5px 30px; border-bottom: 1px solid #fff; margin: 0; line-height: 14px; } .dropdown-list__item-controller { position: absolute; top: 5px; left: 5px; width: 13px; height: 13px; border: 1px solid #d4d4d4; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #212121; font-size: 12px; cursor: pointer; overflow: hidden; } .dropdown-list__item-controller:after { content: "+"; width: 12px; height: 12px; line-height: 10px; text-align: center; } .dropdown-list__item-name { font-weight: 500; margin-bottom: 5px; } .dropdown-list__item:nth-child(even) { background-color: #e8e8e8; } .dropdown-list__item:last-child { border-bottom: none; } .dropdown-list__item_opened .dropdown-list__item-controller:after { content: "-"; } .dropdown-list__item_parent .dropdown-list__item-inner { max-height: 0; -webkit-transition: max-height 300ms ease; -o-transition: max-height 300ms ease; transition: max-height 300ms ease; overflow: hidden; } .dropdown-list__link { color: #ca2929; text-decoration: none; } .part-variants { background-color: #fff; } .part-variants__caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0 40px; } .part-variants__caption-image-container { outline: 1px solid #d4d4d4; width: 200px; min-width: 200px; height: auto; text-align: center; } .part-variants__caption-image { max-width: 100%; height: auto; } .part-variants__caption-text-content { padding: 0 30px; color: #212121; } .part-variants__caption-title { display: inline; text-decoration: none; border-bottom: 1px dotted #212121; color: #212121; font-size: 36px; font-weight: 400; } .part-variants__caption-text { margin-top: 20px; display: block; font-size: 16px; font-weight: 400; color: #212121; } .part-variants__caption-actions { width: 250px; margin-left: auto; } .part-variants__caption-action-button { width: 100%; margin: 2px 0; text-align: left; } .part-variants__table { font-size: 14px; } .part-variants__table-button-expand { background-color: #777; border-color: #777; color: #fff; padding: 0 5px; font-size: 13px; } .part-variants__table-button-expand i { display: inline-block; margin-left: 10px; font-size: 10px; color: #fff; -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .part-variants__table-button-expand_active i { -webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } .part-variants__table-button-expand:hover { background-color: #212121; border-color: #212121; } .part-variants__table-child-row { display: none; } .part-variants__table-child-row_show { display: table-row; } .part-variants__table-child-row:nth-child(odd) { background-color: #f5f5f5; } @media (max-width: 1199px) { .part-variants__caption-image-container { width: 160px; min-width: 160px; } .part-variants__caption-text-content { padding: 0 20px; } .part-variants__caption-title { font-size: 26px; } .part-variants__caption-text { margin-top: 16px; font-size: 15px; } .part-variants__caption-actions { width: 250px; } .part-variants__table { font-size: 14px; } } @media (max-width: 767px) { .part-variants__caption { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .part-variants__caption-image-container { width: 300px; min-width: 300px; margin: 0 0 10px 0; } .part-variants__caption-text-content { padding: 0; } .part-variants__caption-title { font-size: 24px; } .part-variants__caption-text { margin-top: 16px; font-size: 14px; margin-bottom: 20px; } .part-variants__caption-actions { width: 250px; margin: 0 auto; } .part-variants__table { font-size: 12px; } } .menu { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: #212121; border-right: 1px solid #373737; z-index: 1; -webkit-transition: max-width 300ms ease; -o-transition: max-width 300ms ease; transition: max-width 300ms ease; overflow: hidden; padding: 0 10px; color: #fff; max-width: 50px; } .menu:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; z-index: 1; background-color: #212121; } .menu__inner { min-width: 129px; } .menu__list { padding: 0; margin: 0; font-size: 12px; letter-spacing: 0.6px; } .menu__list-item { min-height: 50px; border-bottom: 1px solid #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; } .menu__list-item-link { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; color: #fff; text-decoration: none; } .menu__list-item-icon-container { width: 29px; min-width: 29px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; } .menu__list-item-icon { font-size: 18px; } .menu__info { color: #5a5050; opacity: 0; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; font-size: 14px; } .menu__info-item { padding: 20px 0; border-bottom: 1px solid #333; } .menu__date { text-align: center; } .menu__date-day { font-size: 60px; line-height: 60px; font-weight: 200; } .menu__currency-item { font-size: 16px; } .menu__currency-item span { font-size: 36px; font-weight: 200; } .menu__common-info { text-align: center; } .menu__common-info-text_big { font-size: 30px; font-weight: 200; line-height: 30px; margin: 10px 0; } .menu:hover { max-width: 150px; } .menu:hover .menu__info { opacity: 1; } .mobile-menu { z-index: 500; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; background-color: #212121; padding: 0 10px; } .mobile-menu__header { position: relative; height: 50px; margin-bottom: 20px; border-bottom: 1px solid #636363; } .mobile-menu__header-wrapper { height: 100%; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -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; background-color: transparent; } .mobile-menu__enter { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: 1px solid #636363; height: 40px; border-radius: 4px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 20px 0; } .mobile-menu__enter .enter__text { margin-top: 0; font-size: 16px; font-weight: 400; } .mobile-menu__enter .enter__icon { font-size: 20px; margin-right: 10px; } .mobile-menu__phone { font-size: 20px; text-align: center; } .mobile-menu__list { text-align: center; margin-top: 40px; text-transform: uppercase; } .mobile-menu__item { padding: 12px 0; text-align: center; color: #fff; font-size: 14px; font-weight: 400; border-bottom: 1px solid #333; line-height: 14px; } .mobile-menu__item-link { color: #fff; text-decoration: none; } .mobile-menu__item-icon-container { width: 40px; height: 40px; line-height: 20px; text-align: center; vertical-align: middle; } .mobile-menu__item-icon { font-size: 16px; line-height: 16px; vertical-align: middle; margin-right: 10px; } .mobile-menu__list_icon { text-align: left; } .mobile-menu__list_icon .mobile-menu__item { text-align: left; padding-left: 60px; } .mobile-menu__info { color: #fff; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; font-size: 14px; } .mobile-menu__info-item { padding: 20px 0; border-bottom: 1px solid #333; } .mobile-menu__date { text-align: center; } .mobile-menu__date-day { font-size: 60px; line-height: 60px; font-weight: 200; } .mobile-menu__currency { text-align: center; } .mobile-menu__currency-item { font-size: 16px; } .mobile-menu__currency-item span { font-size: 36px; font-weight: 200; } .mobile-menu__common-info { text-align: center; } .mobile-menu__common-info-text_big { font-size: 30px; font-weight: 200; line-height: 30px; margin: 10px 0; } .mobile-menu .user-info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; } .date-slider { width: 850px; height: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4d4d4; background-color: #fff; border-radius: 2px; } .date-slider .noUi-handle { border: 1px solid #d4d4d4; background-color: #fff; border-radius: 50%; width: 15px; height: 15px; outline: 0; } .date-slider .noUi-handle:after, .date-slider .noUi-handle:before { content: none; } /* Новые классы и правки */ /* выдача */ .present { background-color: #f0d1d9!important; } .in_transit { background-color: #e4e4e4; } td.proizvod { text-align: left; } td.nd { text-align: left; } td.name { text-align: left; } .not_from_global { font-style: italic; } /* .loading_banner { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh!important; background-color: rgba(255,255,255,.7); z-index: 100; display: flex; align-items: center; justify-content: center; transition: .2s; } .loading_banner::before { content: ''; position: absolute; display: block; width: 15em; height: 15em; background-image: url(../images/search__bg.svg); background-size: cover; top: 50%; margin-top: -10em; } */ .background-image { background-image: url(../images/search__bg.svg) !important; } .loading_banner h1 { font-size: 1.5em; margin: 15em 1em 0 1em; text-align: center; } .outlet__dropdown { display: none; position: absolute; background-color: #fff; border: 1px solid #d4d4d4; padding: 5px 10px; max-width: 250px; width: 100%; z-index:10; } .outlet__header { margin: 20px 5px; text-align: center; font-weight: 500; } .outlet__item { display: block; text-decoration: none; margin: 10px; color: #7b2e2e; font-weight: 400; } .outlet__pick { font-weight: 500; color: #be0a0a; } .shop-notice { background: #4caf50c7; padding: 40px 10px 20px 10px; line-height: 1.5; border-radius: 10px; margin: 0 10px 30px 10px; position: relative; } button.close { background: transparent; border: 0; top: 5px; right: 5px; position: absolute; } .header_fixed--action { top: 50px; z-index:100; } .header_fixed--action .user__avatar-box { margin-top: -62px; } .legend { height: 30px; display: inline-flex; padding: 10px; justify-content: center; align-items: center; border: 1px solid #b6b6b6; margin: 2px; } .legent-box { display: flex; align-items: center; margin-bottom: 10px; } /* .p-2 { margin-right: 10px; } */ .btn_history { position: absolute; margin-top: 5px; z-index: 101; width: 30px; height: 30px; background-image: url(../images/historybtn.svg); background-size: cover; right: 18em; opacity: .4; transition: .3s; } /* Исправляем глюки стандартного дизайна */ #btn_history { margin-left: 0; top: 0; opacity: 1; width: initial; height: initial; } .search-line_big .btn_history { margin-left: 0px; position: absolute; margin-top: 5px; z-index: 101; width: 30px; height: 30px; background-image: url(../images/historybtn.svg); background-size: cover; right: 15em; opacity: .4; transition: .3s; } .btn_history:hover { opacity: 1; transform: rotate(-50deg); } .search-line_big .btn_history-index { right: 3.5em; top: 6px; width: 35px; height: 35px; } .search-line_big .btn_history--action { right: 40px; top: 0; width: 30px; height: 30px; margin-top: 0; } .line-search-page .btn_history { position: relative; width: 30px; height: 30px; display: flex; margin: 0 5px; padding: 0; top: 0; right: 0; } .line-search-page .button__icon { position: relative; top: 0; right: 0; } .search__div--action .btn_history--action { position: relative; right: 0; margin: 0 5px; } .search__div--action .search-line__button-icon.button__icon { position: relative; } .line-search-page .search-line__button { display: flex; position: relative; width: auto; margin: 0 0 0 -105px; padding: 0; align-items: center; justify-content: center; } .mobile-menu__sublist { display: none; background-color: #555; } .mobile__sublist-item { padding: 12px 0; text-align: center; color: #fff; font-size: 14px; font-weight: 400; border-top: 1px solid #333; line-height: 14px; } .mobile-menu__sublist .mobile-menu__sublist { background: #222; } .mobile-menu__img { border-radius: 10em; vertical-align: middle; margin: 0 10px 0 -10px; } .search__div--action .button_icon { padding-right: 20px; } .line-search-page .button_icon { padding: 0 20px 0 0; } /* ФОРМА АВТОРИЗАЦИИ, СТРАНИЦА ПОИСКА */ .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle { background: transparent; margin: 20px 0 0 0; padding: 0; } .ui-dialog .ui-dialog-title { width: 100%!important; font-size: 14px!important; text-align: center; } .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { width: 20px!important; height: 20px!important; } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { background: transparent; top: -0.7em; border: 0; } .ui-dialog.auth.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable.ui-dialog-buttons { background: url(/templates/autostandard/images/modal-bg.png) center center no-repeat #fff; width: 100%; max-width: 550px!important; background-size: cover; } .styleLogin { background: transparent; padding: 0; margin: 0; } .auth.fancybox-slide.ui-dialog-content.ui-widget-content::before { display: none; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0 5px!important; background: none; overflow-y: scroll!important; } .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix { background: transparent; border: 0 } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { display: flex; justify-content: center; flex-direction: column; width: 100%; padding: 0 5em; margin: 0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { display: flex; justify-content: center; align-items: center; background-color: #ca2929; color: #fff; font-size: 16px; font-weight: 300; border-radius: 2px; border: 0; height: 40px!important; margin: 2px; padding: 0 15px; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .auth__form-button.button.button_upper.button_bold.form__button.ui-button.ui-corner-all.ui-widget { border-radius: 7px; margin: 0; cursor: pointer; display: block; width: 100%; color: #fff; background: #ca2929; } .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix { padding: 0; } button.auth__registration-link.ui-button.ui-corner-all.ui-widget { border: 0; background: transparent; text-align: center; display: block; margin: 5px auto; padding: 0; color: #ca2929; transition: 0.2s; } .styleLoginForm { margin: 0; padding: 0; } .styleNewUser { margin: 0; padding: 0; background: transparent; } input.auth__form-control.form__control.show_tooltip.req_comp, .styleRegFormInput { height: 40px; line-height: 40px; } .auth__form-group.form__group.has-feedback { margin: 2px 0; padding: 0; } .subTitleReg { text-align: center; margin: 0; } button#check_email { height: 40px; margin-left: -6px; display: flex; padding-top:8px; margin-bottom:0; margin-right:0; } .auth__form-group.form__group.has-feedback.has-error + .auth__form-group.form__group { margin: 2px 0; justify-content: space-between; } label.show_tooltip { font-size: 0.7em; } button.button.btn-primary.ui-button.ui-corner-all.ui-widget { width: 100%; color: #fff; background: #ca2929; margin: 0; padding: 10px; } .catalog_info { border-bottom: 1px dashed black; } .carousel__item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .caurusel__link:hover .button--caurusel { background-color: #b62525; } .banner__desc-item.carousel__item .icon-new::before { top: 50px; animation: rotate 5s infinite ease; } .price_striked { position: relative; display: flex; align-items: center; justify-content: center; } .price_striked::before { content: ''; display: block; position: absolute; width: 50%; height: 1px; background: #222; transform: rotate(-15deg); } .btn__filter { font-size: 25px; border: 1px #333 solid; text-decoration: none; border-radius: 10px; padding: 5px 10px; margin: 0 0 0 30px; transition: .2s } .btn__filter:hover { background-color: #ca2929; color: #fff; border-color: #ca2929; } .main { margin: 0 auto; padding: 0 100px; max-width: 1400px; width: 100%; } .oneSearch__title { font-weight: 200; margin: 0; position: relative; } .table__title { text-align: center; vertical-align: bottom; padding: 0 20px; } .table__title--left { text-align: left; } .table__label{ display: flex; flex-direction: column; } .table__checkbox { margin: 2px auto; } td.itemname { text-align: left; } .itemname strong a { text-decoration: none; font-size: 18px; color: black; } .table__count { justify-content: center; } /* bootstrap .d-lg-table-cell { font-size: 14px; } .d-lg-none { display: none; } .d-lg-flex { display: flex; } .item_plus, .item_minus { border: none; background: transparent; height: 100%; /* Закомментировал, т.к. это вызывает проблемы на странице корзины /*border-left: 1px solid #b9b8b8; /*border-right: 1px solid #b9b8b8; } */ .table__icon { width: 25px; height: 25px; background: transparent; border: 1px solid #999; border-radius: 5px; font-size: 12px; } /* .alert { position: relative; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } */ .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; /* padding: 5px 10px; */ } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; /* padding: 5px 10px;*/ } .messsage__link { transition: .2s; } .messsage__link:hover { text-decoration: none; color: #222; } .table__icon-big { width: 35px; height: 35px; background: transparent; border-radius: 5px; border: 1px #333 solid; font-size: 15px; } .table__main-wrap { max-width: 1400px; width: 100%; padding: 0; margin: auto; overflow-y: auto; } .form-group { display: flex; width: 100%; position: relative; } /* .form-control-feedback.fas.fa-check-circle, .form-control-feedback.fas.fa-exclamation-triangle { position: absolute; right: 10px; font-size: 24px; top: 7px; } */ .form__label-box { width: 25%; text-align: right; display: flex; flex-direction: column; justify-content: center; } .form__label { font-weight: 500; font-size: 14px; text-align: right; margin: auto 5px; } .form__label--top { margin-top: 0; } .form__textarea { width: 100%; max-width: 1500px; height: 100px; border: 1px #97b9bd solid; border-radius: 5px; padding: 20px; color: #6a7f82!important; margin: 5px 0; background: #fff!important; } .open_gps_dialog { height: 40px; border-radius: 5px; border: 0; background: #72979c; transition: .3s; margin: 2px; } .mce-tinymce { width: 100%!important; border-radius: 5px!important; } .open_gps_dialog--m { margin: 2px 5px 2px 0; } .open_gps_dialog:hover { background: #1d3235; color: #fff; } .order__delivery { margin: 5px 0; overflow: hidden; } .submit_order { background-color: #ca2929; border: 0; color: #fff; border-radius: 3px; padding: 10px 60px; text-transform: uppercase; margin: 0; transition: .3s; } .submit_order:hover { background-color: #7c1818; } .but__wrap { text-align: center; margin: 30px 0 2px 0; } .but__wrap--right { text-align: right; } .but__wrap--left { text-align: left; } .form__input { height: 40px; border: 1px #97b9bd solid; border-radius: 5px; padding: 10px 20px; color: #6a7f82!important; width: 100%; margin: 2px 0; background: #fff!important; } .form__input--w50p { width: 50%; } .table__item { font-size: 16px; } .table__dscr { font-weight: bold; margin-right: 30px; } .table__dscr span { font-weight: 300; } /* .card { margin: 20px 0; } .card-body { position: relative; display: flex; justify-content: center; } */ .filter__save { position: absolute; top: 0; right: 0; margin: 0; } /* .btn-group { display: inline-block; } */ #search_form .dropdown-menu { display: none; position: absolute; color: #fff; background-color: #ca2929; width: 200px; border-radius: 5px; z-index: 1; top:30px; } #search_form .dropdown-item { color: #fff; text-decoration: none; padding: 5px 10px; display: block; transition: .3s; } #search_form .dropdown-item:hover { color: #999; text-decoration: none; padding: 5px 10px; display: block; } .filter__btn { background-color: #fff; border: 1px solid #d4d4d4; border-radius: 5px; padding: 10px 20px; transition: .3s; color: #333; text-decoration: none; } .filter__btn:hover { background-color: #ca2929; color: #fff; } .filter__btn--border { border: 2px solid #ca2929; } .filter__btn--nom { margin: 0; } .filter__btn--right { margin-left: auto; } .change_filter, .remove_filter { background-color: #ca2929; border: 0; color: #fff; } .change_filter { padding: 10px 20px; border-radius: 5px; transition: .2s; } .change_filter:hover { background-color: #490e0e; } .remove_filter { padding: 10px; border-left: 0.5px solid white; border-radius: 0 5px 5px 0; } /* .btn-group { background-color: #ca2929; margin-right: 10px; border-radius: 5px; } */ .card-footer { position: relative; padding: 10px 0; } .filter__exp { position: absolute; top: 0; right: 0; margin: 10px; } .orders__panelbut { margin: 20px 0 15px 0; display: flex; justify-content: space-between; } .orders__title { font-size: 80%!important; padding: 10px 5px!important; margin: 10px 0; vertical-align: middle; position: relative; } .orders__title::after { content: ''; display: block; position: absolute; width: 1px; height: 80%; background-color: #d4d4d4; top: 10%; right: 0; } .orders__table tbody tr td:last-child:after, .orders__title:last-child:after { display: none; } .orders__table td { position: relative; text-align: center; font-size: 13px; font-weight: 400; } .orders__table td a { text-decoration: none; color: #333; } .orders__table td::after { content: ''; display: block; position: absolute; width: 1px; height: 80%; background-color: #d4d4d4; top: 10%; right: 0; } .proizvod_cell { text-align: left!important; position: relative; } .orders__loup { position: absolute; color: #ca2929!important; right: 0; top: 0; font-size: 16px; padding: 5px; } .orders__wrap-title { width: 100%; overflow-y: scroll; } .lk__action-box { padding-top: 20px; } .lk__topmenu { text-decoration: none; background-color: transparent; border: 0; color: #ca2929; display: block; margin: 2px 0; padding: 0; } .form__box-flex { display: flex; border: 1px solid #e7e7e7; padding: 0 10px; border-radius: 5px; background: #e7e7e7; } .pt0 { padding-top: 0; } .pb0 { padding-bottom: 0; } .pb20 { padding-bottom: 20px; } .pt20 { padding-top: 20px; } .ptb20 { padding: 20px 0; } .plr20 { padding: 0 20px; } .lk__topmenu:hover { text-decoration: underline; } .lk__topmenu i { margin: 0 5px; } .table__descr { font-size: 12px; } .input__wrap { width: 100%; display: flex; position: relative; } .col-sm-2 { width: 25%; } .col-sm-4 { width: 35%; } .col-sm-6 { width: 50%; } .col-sm-8 { width: 65%; } .col-sm-10 { width: 75%; } .vin__label { text-align: right; font-size: 12px; margin: 5px 10px; display: flex; align-items: center; justify-content: flex-end; } .vin__label--top { align-items: start; } .input__boxbutton { display: flex; align-items: center; } .input___wrap-box { width: 100%; } .radio__wrap { display: flex; } .label__radio { display: flex; align-self: center; margin: 0 10px 0 0; font-size: 14px; } .label__radio input { margin: 0 2px; } .form__subdscr { margin: 0; position: relative; font-size: 10px; bottom: 0; } .filename_preview { text-align: center; } .catalog_row { transition: .2s; } .catalog_row:hover { background-color: #999; } .normli { margin-left: 20px; } /* ------------------------------ */ /* Catalog */ /* ------------------------------ */ .sort { width: 100%; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; } .sort__filter { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6em; display: none; } .sort__vid { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6em; justify-content: space-between; width: 100%; } .sort__number { display: -webkit-box; display: -ms-flexbox; display: none; } .sort__type { display: -webkit-box; display: -ms-flexbox; display: none; margin: 0 0 0 2em; } .sort__title { margin: 0 10px 0 0; } .sort__title::after { content: ':'; } .sort__data { margin: 0 10px; text-decoration: underline; color: #999; -webkit-transition: .2s; transition: .2s; cursor: pointer; } .sort__data:hover { color: #222; font-weight: bold; text-decoration: none; } .sort__data--line, .sort__data--grid { text-decoration: none; margin: 0 5px; } .sort__data--active { text-decoration: none; font-weight: bold; color: #222; } .product { position: relative; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -0.2% 20px -0.2%; font-size: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: .5s; transition: .5s; } .product__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.6%; border: #dbdbdb 1px solid; padding: 10px; margin: 2px; justify-content: space-between; } .product__imgbox { display: flex; position: relative; justify-content: center; align-items: center; padding: 5px; min-height: 100px; } .product__img { width: auto; padding: 0; max-height: 100%; max-width: 204px; } .product__title { text-transform: uppercase; font-size: 2em; font-weight: bold; padding: 10px 0; margin: 0; } .product__txtblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__dscr { line-height: 1; font-size: 1.4em; padding: 0; margin: 0; } .db { display: block; } .product__button { position: relative; -ms-flex-item-align: end; align-self: flex-end; border: #dbdbdb 1px solid; padding: 5px 20px; border-radius: 10em; font-size: 1.5em; text-decoration: none; color: #999; -webkit-transition: .3s; transition: .3s; margin-top: 10px; } .product__button:after { content: '→'; padding-left: 5px; font-size: 1em; } .product__button:hover { background-color: #be0a0a; color: #fff; } .product__line .product__item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product__line .product__txtblock { padding: 0 2% 0 5%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .product__line .product__title { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 2.5em; } .product__line .product__dscr { margin: 40px 0; } .product__line .product__button { padding: 10px 50px; font-size: 2em; } .nvg { position: relative; font-size: 10px; width: 100%; margin-bottom: 5em; } .nvg__show { width: 100%; font-size: 1.6em; display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; text-decoration: none; color: #333; border: 1px solid #dbdbdb; margin: 0; -webkit-transition: .3s; transition: .3s; } .nvg__show:hover { background-color: #dbdbdb; color: #333; } .nvg__pages { display: -webkit-box; display: -ms-flexbox; display: flex; } .paginationjs-pages ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6em; padding: 0; text-decoration: none; color: #222; } .paginationjs-prev.J-paginationjs-previous a, .paginationjs-next.J-paginationjs-next a, .paginationjs-page.J-paginationjs-page a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 30px; border: 1px solid #dbdbdb; cursor: pointer; text-decoration: none; color: #222; } .paginationjs-page.J-paginationjs-page.active a, .paginationjs-page.J-paginationjs-page a:hover { font-weight: bold; background-color: #dbdbdb; } .nvg__next { font-size: 1.6em; color: #333; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; border: 1px solid #dbdbdb; padding: 0 20px; margin: 0 20px; -webkit-transition: .3s; transition: .3s; } .nvg__next:after { content: '→'; padding-left: 5px; font-size: 1.6em; } .nvg__next:hover { background-color: #dbdbdb; color: #333; } .subcatalog__img .breadcrumbs { padding: 0; margin: 20px; } .breadcrumbs__item { text-decoration: none; color: #333; -webkit-transition: .3s; transition: .3s; } .breadcrumbs__item--active, .breadcrumbs__item:hover { font-weight: bold; color: #222; } .breadcrumbs__item::after { content: '/'; margin: 0 5px; } .subcatalog__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .subcatalog__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 24.6%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin: 0.2%; border: #dbdbdb 1px solid; align-items: center; } .subcatalog__img { width: 100%; max-width: 120px; height: auto; padding: 10px; } .subcatalog__txtblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .subcatalog__volume { -ms-flex-item-align: end; align-self: flex-end; font-size: 1.3em; border: #dbdbdb 1px solid; border-radius: 10em; padding: 2px 10px; background-color: #689F38; color: #fff; } .subcatalog__dscr { font-size: 1.4em; } .oneSearch__title--nobutm { margin-bottom: 10px; } /* ------------------------------------------------------------- -------------------CARD PRODUCT--------------------------------- ---------------------------------------------------------------- */ .card-product { font-size: 10px; margin: 30px -0.5%; position: relative; } .card-product__breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6em; margin: 0 2%; justify-content: space-between; } .card-product__breadcrumbs p::before { content: '←'; font-size: 1.6em; line-height: 1.6em; margin-right: 10px; color: #8b93a8; } .card-product__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-product__img { width: 49%; min-width: 350px; height: auto; min-height: 350px; margin: 0 2%; border: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-product__img img { width: 100%; min-width: 350px; height: auto; padding: 1%; } .card-product__card { margin: 0 2%; width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-product__title { font-size: 2.5em; font-weight: bold; margin: 0 0 3% 0; padding: 0; } .card-product__article { font-size: 2.2em; font-weight: bold; border-top: 2px solid #8b93a8; color: #8b93a8; margin: 0; padding: 3% 0; } .card-product__dscr { font-size: 1.6em; font-weight: 400; width: 80%; line-height: 1; } .card-product__maintxt { font-size: 1.4em; } .card-product__secondtxt { font-size: 1em; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-product__secondtxt span { width: 50%; } .card-product__button { color: #fff; background-color: #cb2829; border-radius: 5px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; padding: 15px 10px; font-weight: 100; font-size: 1em; text-decoration: none; text-transform: uppercase; -webkit-transition: .2s; transition: .2s; } .card-product__button:hover { background-color: #8b1b1c; color: #fff; } .card-product__button::before { content: ''; background-image: url(../images/cart.svg); width: 20px; height: 20px; background-size: cover; margin: 0 10px; } .card-product__button--nw { width: auto; } .card-product__footer { width: 100%; } .card-product__list { list-style-type: none; font-size: 1.6em; padding: 0; margin: 15px 0 0 0; } .card-description { padding-bottom: 300px; } .accardeon { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; position: relative; } .accardeon__title { margin: 1% 3%; } .accardeon__title:first-child { margin-left: 0; } .accardeon__title a { color: #8b93a8; } .accardeon__title--active a { text-decoration: none; font-weight: bold; color: #222; } .accardeon__title--active .accardeon__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; margin: 50px 1%; padding: 1%; width: 100%; height: auto; box-sizing: border-box; } .accardeon__content { display: none; } .accardeon__title--active .accardeon__button { margin: 0 20px; color: #cb2829; text-decoration: underline; transition: .3s; } .accardeon__title--active .accardeon__button:hover { color: #8b1b1c; text-decoration: none; } /* ------------------------------------- ---------------LEFT MENU---------------- ---------------------------------------- */ .left-menu { position: fixed; padding: 50px 10px 0 10px; height: 100vh; width: 55px; overflow: hidden; background-color: #222; color: #fff; -webkit-transition: .5s; transition: .5s; top: 0; z-index: 50; } .left-menu:hover { width: 250px; overflow: scroll; } .left-menu::-webkit-scrollbar { display: none; } .left-menu:hover .data-money__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #333; padding: 5px 15px; font-weight: 200; line-height: 1; } .left-menu:hover .data-money__money { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 5px 15px; border-bottom: 1px solid #333; } .left-menu:hover .left-menu__main-title--submenu::after { content: '≫'; position: absolute; right: 0; margin: 0 20px; } .left-menu__item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #333; } .left-menu__list, .left-menu__sublist { list-style-type: none; padding: 0; } .left-menu__sublist { background-color: #333; margin: -1px -10px; padding: 0 10px; display: none; } .left-menu__sublist .left-menu__item-wrap { border-bottom: 1px solid #222; } .left-menu__item, .left-menu__subitem { list-style-type: none; } .left-menu__main-title, .left-menu__sub-title { color: #fff; text-decoration: none; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 0 15px; } .left-menu__sub-title { padding: 0 30px; } .left-menu__icon { padding: 0 10px; width: 30px; display: flex; } .left-menu__main-title--active { color: #cb2829; } .left-menu__main-title--active::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .data-money { color: #777; } .data-money__data { display: none; } .data-money__number { font-size: 60px; padding: 0; margin: 0; } .data-money__money { display: none; } .data-money__price { margin: 0; white-space: nowrap; } .data-money__txt { margin: 0 0 5px 0; white-space: nowrap; } .data-money__txt span { font-size: 14px; white-space: nowrap; } .nop { padding: 0; margin: 0; } .part_info { border-bottom: 1px dashed #222; } /* .input-group { display: flex; } */ /* ----------------------------- ----MAIN SEARCH LINE------------ -------------------------------- */ .main-input { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; max-width: 800px; margin: 1% auto 5%; position: relative; font-size: 16px; /* transition: .5s; */ } .main-input__wrap--topline { position: fixed; top: 0; left: 0; z-index: 99; height: 50px; margin: 0; padding: 0 10%; width: 100%; background-color: #222; } .main-input::before { content: ''; color: black; position: absolute; display: block; z-index: 5; margin: 28px 22%; width: 1px; height: 1px; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; z-index: 10; } .main-input__wrap--secondpage { margin: 2px; height: 54px; } .main-input__wrap--topline .main-input { margin: 0 20%; padding: 0; height: 50px; } .main-input__wrap--topline .main-input::before { margin: 25px 21%; } .main-input__wrap--topline .main-input__buttons { height: 50px; } .main-input__select { width: 30%; border-radius: 50px 0 0 50px; padding: 0 20px; border: 0; background-color: #cb2829; color: #fff; font-weight: 400; position: relative; cursor: pointer; -webkit-transition: .2s; transition: .2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 5; } .main-input__select:hover { background-color: #8b1b1c; outline: none; } .main-input__select:focus { outline: none; } .main-input__option { height: 60px; } .main-input__input { margin: 0 0; width: 75%; border-radius: 0 10em 10em 0; border: 0; padding: 0 20px 0 4px; z-index: 10; -webkit-transition: .2s; transition: .2s; color: #222; } .main-input__input:focus { outline: none; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 0 20px grey; box-shadow: 0 0 20px grey; } .main-input__input:focus + .main-input__buttons { -webkit-transform: scale(1.1); transform: scale(1.1); } .main-input__buttons { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 10px; height: 60px; -webkit-transition: .2s; transition: .2s; } .main-input__button { font-size: 30px; margin: 0; -webkit-transition: .5s; transition: .5s; background-color: #fff; color: #cb2829; border: 0; outline: none; cursor: pointer; } .rotate { transition: .5s } .main-input__button:hover .rotate { color: #8b93a8; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .main-input__button:active .rotate { color: #222; -webkit-transform: rotateX(30deg); transform: rotateX(30deg); } .search-line__title { text-align: center; } /* --------------------------------- --------USER WIDJET----------------- ------------------------------------ */ .user__avatar { width: 38px!important; height: 38px!important; background-size: cover; cursor: pointer; margin: auto!important; border-radius: 10em; } .user__role { font-size: 12px; border: 1px solid #fff; padding: 2px 5px; margin: 0; border-radius: 10em; text-align: center; } .user__login { position: relative; font-size: 12px; font-weight: 500; padding: 0 10px; text-align: center; } .btn-success { background-color: #8b93a8; } .popup { max-width: 400px!important; width: 100%!important; height: auto!important; } .popup p { text-align: center; margin: 10px 0 0 0; } .popup .ui-dialog-content { padding: 10px!important; margin: 0; } .popup .ui-dialog-title { margin: 0!important; } .popup .ui-dialog-titlebar { margin: 5px!important; display: flex; justify-content: space-between; border: 0!important; } .popup .ui-dialog-titlebar-close { top: 0!important; right: 0!important; position: relative!important; margin: 0!important; border: 0!important; } .popup__flexsb { display: flex; justify-content: space-between; align-items: center; } .popup #cart_comment-form { height: auto!important; width: 100%!important; padding: 0!important; } .popup .form-control { width: 100%!important; min-height: 300px!important; } .popup .ui-dialog-buttonpane { margin: 0!important; } .popup .ui-dialog-buttonset { display: flex!important; justify-content: flex-end; align-items: center; padding: 0!important; margin: 5px!important; } .popup button, .popup .btn { margin: 0 5px!important; padding: 5px 10px!important; background-color: #cb2829; border: 0; color: #fff; cursor: pointer; transition: .2s; } .popup .global_car_selector { padding: 0!important; } .popup .ui-dialog-buttonset { flex-direction: row!important; } .popup button:hover, .popup .btn:hover { background-color: #8b1b1c; border: 0; } .popup .ui-dialog .ui-dialog-content { padding: 0!important; } .popup--edit #car_id { min-height: auto!important; height: 40px!important; display: block; } .popup--edit #edit_wish-form { padding: 0!important; margin: 0; } .popup--edit #edit_wish-form { padding: 0!important; margin: 0; } .popup--edit .form-control { min-height: 40px!important; margin-bottom: 10px!important; padding: 5px 10px; } .popup--edit .form-group, .popup--edit label { display: block; position: relative; } .popup--coint { width: auto!important; } .popup--coint #text-form { min-height: auto!important; padding: 10px 0!important; } .popup--coint .form-control { min-height: 40px!important; border-radius: 5px; border: 1px solid #999; height: auto!important; padding: 0 10px!important; outline: none; } .popup--coint #cart_count-form { padding: 0!important; display: flex; justify-content: center; align-items: center; } .newglobal__box { width: 100%; height: 100%; margin-bottom: -5px; } .newglobal__box form { display: flex; justify-content: center; } .schedule-box { background-color: #fff; padding: 5px 20px; margin: 20px 0; border-radius: 10px; } /* ----------------------------------- ------------CATALOG CAR--------------- -------------------------------------- */ .catalogcar { display: flex; flex-wrap: wrap; margin: 0 -1%; justify-content: center; } .catalogcar__item { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; flex-direction: column; width: 10%; height: 125px; margin: 0.5%; border: 1px solid #e7e7e7; border-radius: 5px; text-decoration: none; transition: .2s; overflow: hidden; } .catalogcar__item:hover { background-color: #e7e7e7; transform: scale(1.1); box-shadow: 0 0 10px #999; } .catalogcar__item:active { background-color: #e2e2e2; transform: scale(1); } .catalogcar__img { width: 100%; } .catalogcar__img--pdng { padding: 5px; } .catalogcar__namecar { text-align: center; font-weight: bold; font-size: 12px; padding: 5px; } .alertball { top: -5px; right: -10px; } /* ------------------------------------ -----------USER INFO------------------- --------------------------------------- */ .userinfo { margin: 20px 0; } .userinfo__cloud { position: absolute; top: -5px; right: -5px; font-size: 10px; background-color: #cb2829; color: #fff; height: 15px; min-width: 15px; width: auto; border-radius: 10em; display: flex; justify-content: center; align-items: center; padding: 0 1px; } .userinfo__cloud--danger { background-color: #D32F2F; } .userinfo__cloud--info { background-color: #4CAF50; } .userinfo__nav { width: 100%; } .userinfo__frame { width: 100%; height: 600px; border: none; } .userinfo__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; border-bottom: 2px solid #222; } .userinfo__tab { margin: 0; padding: 10px 15px; -webkit-transition: .3s; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; cursor: pointer; position: relative; } .userinfo__tab:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .userinfo__tab--active { background-color: #222; border-radius: 7px 7px 0 0; color: #fff; } .userinfo__tab--active:hover { -webkit-transform: translateY(0); transform: translateY(0); } .userinfo__tab--active .userinfo__link { color: #fff; } .userinfo__tab--active { color: #fff; } .userinfo__link { text-decoration: none; color: #222; text-transform: uppercase; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .userinfo__link:hover { color: #222; } .userinfo__tab--active .userinfo__link:hover { color: #fff; } .userinfo__item { padding: 20px; background-color: #e7e7e7; display: none; margin: 0 0 20px 0; } .userinfo__item--active { display: block; } .userinfo__title { text-align: center; margin: 0; padding: 0 0 20px 0; font-size: 28px; font-weight: 400; } .userinfo__title::after { content: ':'; } .userinfo__txtbox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .userinfo__avatar { width: 20%; height: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; } .userinfo__img { background-image: url(/public/images/avatar_200x200.png); width: 200px; height: 200px; border-radius: 50%; background-position: center; background-size: cover; position: relative; object-fit: cover; } .userinfo__role { margin-top: -50px; border: 2px solid #222; border-radius: 7px; padding: 5px 10px; background-color: rgba(255, 255, 255, 0.9); text-align: center; font-weight: 400; font-size: 12px; z-index: 15; } .userinfo__dscr { width: 100%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .userinfo__txt { width: 100%; padding: 5px 0; font-weight: 400; text-align: right; white-space: nowrap; display: flex; justify-content: flex-end; align-items: center; } .userinfo__txt--alert { color: #cb2829; } .userinfo__txt--alert .userinfo__span { color: #cb2829; } .userinfo__span { width: 70%; font-weight: 300; display: inline-block; text-align: left; padding: 0 20px; color: #222; } .userinfo__span a { color: #222; } .userinfo__span--fullpage { width: 60%; } .userinfo__span--w10p { width: 10%; } .userinfo__span--w50p { width: 50%; } .fa-eye-slash { color: #cb2829; } /* -------------------------- -----------FILTERS----------- ----------------------------- */ .filters__box { display: block; } .state_0 { background-color: #fcf8e3; } .state_1 { background-color: #f2dede; } .state_2 { background-color: #d9edf7; } .state_3 { background-color: #f2dede; } .state_4 { background-color: #c8c8e8; } .state_5 { background-color: #dff0d8; } .state_6 { background-color: #bebec5; } .state_7 { background-color: #fff } .state_8 { background-color: #fff; } .state_9 { background-color: #fff; } .state_10 { background-color: #fff; } .state_11 { background-color: #dff0d8; } .basket_sum { cursor: pointer; transition: 1s; text-decoration: none; position: relative; } #date_interval-form, #date_period-form { padding: 10px!important; } #date_interval-form .input-group { margin: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; width: auto!important; height: auto!important; } /* .input-group-prepend { display: flex; justify-content: flex-end; width: 30px; align-items: center; } */ button[disabled], input[disabled] { cursor: default; color: #777; /* Закомментировал, т.к. это вызывает проблемы на странице корзины */ /*background: #999;*/ /*border-color: #777;*/ } /* ----------------------------- -----------MAIN-TABLE----------- -------------------------------- */ .main-table { width: 100%; text-align: left; } .main-table--w50p { width: 50%; } .main-table__title { color: #8b93a8; font-size: 20px; font-weight: 500; margin: 10px 15%; } .main-table__body { width: 100%; } .main-table__row { width: 100%; margin: 0; border-bottom: 1px solid #e7e7e7; text-align: left; position: relative; } .main-table__row:nth-child(odd) { background-color: #e7e7e7; } .main-table__row span { display: inline-block; width: 30%; text-align: right; margin: 5px 10px; font-weight: 400; } .main-table__row span::after { content: ':'; } /* --------------------------- -------MESSAGE CLOUD---------- ------------------------------ */ .message-cloud { width: 70%; border: 1px solid #e7e7e7; border-radius: 20px 20px 20px 0; position: relative; margin: 20px 30px 0 30px; } .message-cloud::after, .message-cloud::before { content: ''; border: solid transparent; position: absolute; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; border-width: 20px; bottom: -1px; left: -41px; } .message-cloud::after { border-right-color: #fff; border-bottom-color: #fff; z-index: 10; bottom: 0; left: -40px; } .message-cloud__topline { background-color: #e7e7e7; border-radius: 20px 20px 0 0; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .message-cloud__timetxt { margin: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .message-cloud__body { min-height: 50px; padding: 10px; } .message-cloud__footer { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .message-cloud__file { color: #cb2829; font-weight: 500; } .message-cloud__file span { color: #333; } .message-send--button { display: -webkit-box; display: -ms-flexbox; display: flex; justify-self: center; -ms-flex-item-align: center; align-self: center; margin: 20px 0; } .message-send__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .message-send__label { font-weight: 300; font-size: 18px; } .message-send__input { margin-bottom: 20px; border-radius: 10px; padding: 20px; border-color: #e7e7e7; } .message-cloud--right { border-radius: 20px 20px 0 20px; left: 25%; } .message-cloud--right .message-cloud__topline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .message-cloud--right::after, .message-cloud--right::before { content: ''; border: solid transparent; position: absolute; border-left-color: #e7e7e7; border-bottom-color: #e7e7e7; border-width: 20px; bottom: -1px; right: -41px; left: auto; } .message-cloud--right::after { border-left-color: #fff; border-bottom-color: #fff; z-index: 10; bottom: 0; left: auto; right: -40px; } .user__cloud { border: 1px solid #333; border-radius: 10px; padding: 2px 5px; } .cloud__table-user { background-color: #cb2829; color: #fff; font-size: 10px; border-radius: 10px; text-align: right; } .cloud__carname { font-size: 16px; vertical-align: text-top; padding: 2px 5px; border: 1px solid #222; border-radius: 16px; font-weight: 500; } .cloud__table { font-size: 10px; background-color: #cb2829; padding: 2px 5px; color: #fff; border-radius: 10px; vertical-align: super; } /* tbody tr:nth-child(odd) { background-color: #e7e7e7; } */ .form__input-m { line-height: normal; height: 30px; margin: 2px; width: 99%; border-radius: 5px; border: 1px solid #999; padding: 5px; box-sizing: border-box; } .form__title { margin: 10px 0; text-align: left; } .form__title--small { font-size: 25px; margin: 10px 0; } .details-car__item--action i { font-size: 20px; } tr.details-car__title-row:hover { background: #fff; } .icon__fa { border: 0; background-color: transparent; color: #ca2929; padding: 0; } .icon__fa:hover { background-color: #ca2929; color: #fff; } .icon__fa i { padding: 5px; border: 1px saolid #222; border-radius: 4px; transition: .2s; } .icon__fa--m i { font-size: 15px; } .icon__fa i:hover { background-color: #ca2929; color: #fff; } td.button__wrap { display: flex; padding: 5px!important; } /* ------------------------------ */ /* --------TABLE----------------- */ /* ------------------------------ */ .table__row { min-height: 40px; } #webconsult ._wc-widget._wc-mobile { text-align: right!important; } .table-danger { background-color: #fbe7e9!important; } .table tr.table-warning { background-color: #fff8e1; } .table__head-title { vertical-align: bottom; } .table__flexbox { display: flex; justify-content: center; } .legend { height: 40px; } .legend__box { display: flex; align-items: center; margin: 0 0 20px 0; } .table__cell { min-height: 40px; } .table__cell--left { display: flex; justify-content: flex-start; align-items: center; } .table__cell--flex { display: flex; } .but__wrap--right { text-align: right; } .but__wrap--flex { display: flex; justify-content: center; align-items: center; margin: 10px; } .main-form { margin: 20px 0; width: 100%; } .main-form--upload { width: 70%; margin-left: auto; } .input__wrap-box { width: 80%; } .form__subinput-text { font-size: 10px; margin: 0 20px 0 0; } /* .form-check { padding: 2px 0; } */ .form__box-checkbox { margin: 10px 0; text-align: right; } .mb-2 { margin-bottom: 20px; } .bs-callout-info { margin: 20px 0; } .table-success { background-color: #c3e6cb!important; } .table-primary { background-color: #e6ebf3!important; } .link { text-decoration: none; color: #ca2929; transition: .2s; } .link:hover { text-decoration: underline; color: #7d0c0c; } .repost__link-box { display: flex; justify-content: center; } .repost__link { padding: 5px; margin: 0 2px; border: 1px #e7e7e7 solid; border-radius: 5px; transition: .5s; } .repost__link:hover { background-color: #e7e7e7; } .header__titlebox { display: flex; padding-bottom: 20px; } /* ------------------------ */ /* --------GOODS----------- */ /* ------------------------ */ .goods__card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .goods__img-box, .goods__dscr-box { width: 50%; margin: 20px; } .goods__img-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; } .goods__img { max-width: 100%; height: auto; cursor: pointer; } .goods__preview { position: relative; bottom: 0; margin: 0px; width: 47%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .goods__thumb { width: 100%; max-width: 80px; height: auto; max-width: 80px; margin: 2px; border: 1px solid #e7e7e7; display: flex; justify-content: center; align-items: center; background-color: #fff; } .goods__dscr-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .goods__title { font-weight: 600; font-size: 28px; margin: 0; } .goods__subtitle { font-weight: 600; font-size: 26px; color: #8b93a8; border-top: 1px solid #8b93a8; margin-top: 10px; padding-top: 10px; } .goods__price-box { margin: 20px 0; width: 90%; } .goods__txt { width: 100%; font-size: 16px; font-weight: 500; margin: 0; padding: 3px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .goods__txt span { width: 50%; } .goods__txt--main { font-size: 20px; } .goods__txt--second { font-weight: 300; padding: 2px 0; justify-content: flex-start; } .goods__txt--big { font-size: 22px; } .userinfo__list--goods { border: 0; } .userinfo__tab--goods { background-color: #fff; } .userinfo__tab--goods:hover { text-decoration: none; } .userinfo__tab--active .userinfo__link--goods, .userinfo__link--goods:hover, .userinfo__tab--active .userinfo__link--goods:hover { font-weight: 500; color: #222; text-decoration: none; } .userinfo__link--goods { text-transform: none; text-decoration: underline; font-weight: 300; color: #8b93a8; } .userinfo__item--goods { background-color: #fff; } .button--goods { width: 50%; border-radius: 5px; text-transform: uppercase; } .button--goods i { padding-right: 5px; } #videos { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .tabitem__txt-line { display: flex; justify-content: space-between; } .tabitem__txt { font-size: 18px; } .tabitem__txt--bold { font-weight: 500; } .badge-danger { background-color: #D32F2F; } .badge-warning { background-color: #FBC02D; } .badge-success { background-color: #4CAF50; } .basket_badge { position: relative; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 15px!important; } .ui-datepicker .ui-datepicker-next { right: 20px!important; } .ui-datepicker .ui-datepicker-prev { left: 20px!important; } .bs-callout { /* padding: 5px 10px; font-weight: 400; border: 1px solid #e7e7e7; border-radius: 5px; margin-bottom: 20px;*/ } .bs-callout-danger { background-color: #D32F2F; color: #fff; border-color: #D32F2F; } .bs-callout-info { background-color: #B2EBF2; color: #222; border-color: #B2EBF2; } .label { text-decoration: none; /* padding: 0px 5px;*/ border: 1px solid #8b93a8; border-radius: 10px; color: #8b93a8; } .label-success { background-color: #4CAF50; color: #fff; border-color: #4CAF50; } .news-list__item-text-content { padding: 15px; } .caurusel__link { text-decoration: none; color: #fff; } .caurusel__link:hover { text-decoration: none; color: #fff; } .ui-button-icon-only .ui-icon { position: absolute; top: 0!important; right: 0!important; left: auto!important; margin-top: 0px!important; margin-right: 3px!important; } .breadcrumbs--left { justify-content: flex-start; } .text { padding-right: 5px; } .thead.thead-sticky th { top: 0!important; } .ui-menu-icons.avatar .ui-menu-item-wrapper{ background-color: #fff!important; white-space: nowrap; } .ui-menu-icons.avatar .ui-menu-item-wrapper.ui-state-active { background-color: #007fff!important; } .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable.ui-dialog-buttons { background: url(/templates/autostandard/images/modal-bg.png) center center no-repeat #fff; } .ui-menu .ui-menu-item-wrapper { padding: 0 20px!important; } .ui-selectmenu-button.ui-button { width: auto !important; } .mark { position: absolute; font-family: 'icomoon' !important; font-size: 50px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background-color: #fff; border-radius: 10em; } .mark::before { width: 50px; height: 50px; display: block; } .mark--sell { top: -20px; right: -16px; background-color: transparent; } .parts-list-section .mark--sell { right: -27px; } .mark--sell::before { content: ''; background-image: url(../images/sell.png); width: 120px; height: 40px; } .mark--sell-big { top: 30px; right: -5px; } .mark--action { bottom: -20px; right: -19px; background-color: transparent; } .parts-list-section .mark--action { right: -30px; } .mark--action::before { content: ''; background-image: url(../images/actions.png); width: 90px; height: 40px; } .mark--action-big { right: -10px; top: 5px; bottom: auto; } .mark--best-price { top: 10px; left: -30px; transform: rotate(-45deg); } .mark--best-price::before { content: '\E90B'; color: green; } .mark--new { top: -30px; left: -30px; transform: rotate(-45deg); color: #cb2829; } .mark--new::before { content: '\E90C'; } .spinner { width: 100%!important; height: 100%!important; display: block; overflow: visible; display: flex; justify-content: center; align-items: center; background-color: transparent; } #login_form { overflow: hidden!important; } .glyphicon-ok, .glyphicon-warning-sign{ position: absolute; right: 5px; top: 5px; display: block; width: 30px; height: 30px; } .glyphicon-warning-sign { background-image: url(../images/trgl.svg); } .glyphicon-ok { background-image: url(../images/done.svg); } .has-success input, .has-error input { border: 2px solid; border-radius: 5px; } .has-error input { border-color: #cb2829; } .has-success input { border-color: green; } .has-success #check_email { border-color: green; color: green; } .badge-info { background-color: #4CAF50; } .cloud--topline { padding: 0 5px; border: 0; top: -10px; right: -10px; font-size: 10px; } .cloud--toplinedown { padding: 0 5px; border: 0; top: auto; bottom: -2px; right: -10px; font-size: 10px; text-decoration: none; } .wrap-404 { display: flex; justify-content: center; align-items: center; } .content-404 { max-width: 700px; width: 100%; padding-top: 200px; } .content-404 img { width: 100%; height: auto; } .cloud--toplinedown { white-space: nowrap; } .error-text { color: black; font-size: 0.8em; /* position: absolute; bottom: -5px; */ background: red; border-radius: 5px; width: 100%; } .input__img { height: 100%; width: 300px; } .history__dropdown { height: 30px; display: flex; align-items: center; } li.history__dropdown:hover { background-color: #cb2829; color: #fff; } ul#ui-id-1 { border-radius: 5px; width: 250px!important; margin-left: 100px; } .ui-state-active { border: none!important; background: #cb2829!important; } .car-image:hover { position: absolute; width: 200px; height: 100px; margin-top: -50px; margin-left: -50px; } .carlist__wrap { width: 15%; } .carlist__row { display: flex; flex-wrap: wrap; } .carlist__letter { font-size: 2em; display: flex; justify-content: center; align-items: center; width: 5%; margin-right: 10px; } .carlist__item { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px; padding: 10px; text-decoration: none; transition: .2s; } .carlist__item:hover { outline: 1px solid #e7e7e7; transform: scale(1.1); } .carlist__img-box { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 10px 0; } .carlist__img { width: 100%; height: auto; } .carlist__title-car { font-size: 20px; text-align: center; margin: 0; padding: 10px 0; } .row { display: flex; } .float-left { float: left; } .vendor__title { display: flex; align-items: center; } .vendor__img { margin-right: 10px; width: 35px; height: 35px; object-fit: cover; } /* .input-group input { height: 30px; border-radius: 10px; border: #e7e7e7 1px solid; padding: 0 40px 0 10px; transition: .1s; } .input-group input:focus { outline: none; transform: scale(1.03); } .input-group .input-group-append button { background: transparent; border: none; top: -5px; position: relative; color: #cb2829; transition: .2s; } .input-group .input-group-append button:hover { color: #8b93a8; } */ .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .button--form { height: 40px; margin: 0 2px; display: flex; padding: 0 15px; justify-content: center; align-items: center; white-space: nowrap; } .ntext { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } .mark__new--small { position: absolute; width: 25px; height: 25px; background-image: url(../images/new.svg); background-size: cover; top: -7px; right: 0; } .mark__action--small { position: absolute; width: 25px; height: 25px; background-image: url(../images/actions.svg); background-size: cover; top: -7px; right: 27px; } .mark__sale--small { position: absolute; width: 25px; height: 25px; background-image: url(../images/sale.svg); background-size: cover; top: -7px; right: 74px; } .mark__best-price--small { position: absolute; width: 25px; height: 25px; background-image: url(../images/best-price.svg); background-size: cover; top: -7px; right: 54px; } .wrapper { padding: 10px; } .wrapper.header__wrapper { padding: 10px 10px 10px 60px; } /* .user_table_avatar { width: 35px; height: 35px; display: inline-block; vertical-align: middle; border-radius: 10em; margin-right: 5px;f } */ .mobile__search { display: none; } .form__subtitle { margin: 5px 0; text-align: center; } .form__mailbutton { width: auto!important; color: #fff!important; margin: 2px!important; border: 0; border-radius: 5px; background-color: #ca2929; align-items: center; } .form__group-select { display: flex; align-items: center; justify-content: flex-end; } .margin-20 { margin: 20px; } #bad_rows_warning_dialog{ max-width: 580px; overflow-y: visible!important; } @media (max-width: 1201px) { .main { margin: 0 auto; max-width: 1100px; width: 100%; padding: 0 60px; box-sizing: border-box; } .in-iframe .main { max-width: initial; padding: 0 0; } .search-line .wrapper { display: flex; padding: 0 50px; } .line-search-page .search-line__select { margin: 0 0 0 0; width: 250px; } .line-search-page .search-line__input { padding: 0 0 0 10px; margin: 0 0 0 -30px; } .line-search-page .search-line__button { margin: 0; padding: 0 10px; position: absolute; right: 0; width: auto; display: flex; align-items: center; } .line-search-page .btn_history { position: relative; width: 30px; height: 30px; display: flex; margin: 0 5px; padding: 0; top: 0; right: 0; } .line-search-page .button__icon { position: relative; top: 0; right: 0; } .mobile-menu__header-wrapper .logo { width: auto; } .item_wishlist_mini, .item_delete_mini { display: inline-block; } .subcatalog__item { width: 49.6%; } .card-product__dscr { width: 100%; } .main-input { margin: 1% 10% 5%; } .main-input__wrap--topline .main-input { margin: 0 10%; } .header__phone { font-size: 14px; } .logoImg { max-width: 50px; margin-right: 5px; } .logo:after { font-size: 20px; } .nav__link { padding: 0 5px; font-size: 12px; } .userinfo__span { width: 70%; } .userinfo__span--w50p { width: 40%; } .userinfo__avatar { width: 30%; } .userinfo__dscr { width: 100%; } .basket_sum { font-size: 16px; } .topline-right__box { margin: -8px 5% 0 0; } } @media (max-width: 770px) { .mobile-menu_active { display: block; overflow: auto; } .message-cloud--right { left: -5%; } .left-menu { display: none; } .menu { display: none; } .main { padding: 0 1%; box-sizing: border-box; max-width: 750px; margin: 0; } .header__phone { display: none; } .search-line .mobile__search { display: flex; position: fixed; margin: 2px 5px; left: 60px; z-index: 100; } .header_fixed--action .mobile__search { display: flex; position: fixed; left: 60px; top: 2px; margin: 0px 5px; } .header { height: 50px; position: relative; z-index: 100; } .header_search-offset { top: 0; } .header__inner { height: 0; padding: 0; } .wrapper.header__wrapper { padding: 0; } .top_menu_balance { display:none; } .header__wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header__logo { width: auto; top:25px; } .header__logo:after { display: block; } .user__login { display: none; } .header__nav { display: none; width: 100%; top: -12em; position: relative; } .enter.header__enter.login_link { display: none; } .nav__list { display: block; background: #202020; padding-top: 70px; } .nav__item { padding: 10px; font-size: 1.3em; border-bottom: 1px solid #333; text-transform: uppercase; } .wrapper { max-width: 100%; min-width: auto; padding: 0 10px; } .header_fixed { top: 0!important; } .part-variants { margin-top: 100px; } .search__div--action { display: flex; padding: 5px 50px; } .line-search-page { overflow: inherit; display: flex; position: relative; } .search-line__input { max-width: 350px; margin-left: 0; padding-left: 80px; font-size: 13px!important; } .line-search-page .search-line__input { max-width: 550px; margin: 0 0 0 -20px; padding: 0 0 0 25px; } .search-line_big .search-line__select { margin-left: 0; background-position: 25px 25px; } .search-line_big .search-line__input { border-radius: 0 30px 30px 0; margin: 0 0 0 11%; padding: 0 0 0 12%; } .search__div--action > .search-line__input { width: 100%; padding: 0 45px; margin: 0; max-width: 80%; } .search__div--action > .search-line__select { display: flex; margin-right: -40px; height: 40px; top: 0; bottom: 0; margin-top: 0; background-position: center 17px!important; } .hamburger { position: fixed; top: 0; margin: 15px 0; right: 10px; left: auto; display: flex; z-index: 999; } .header { height: 0; } .nav__item:hover > .nav__sublist { width: 100%; background-color: #333; min-width: auto; max-width: initial; z-index: 6; } .nav__sublist-item:hover > .nav__sublist { width: 100%; max-width: initial; min-width: inherit; } .nav__link { justify-content: center; } .nav__sublist-item { background-color: #333; width: 100%; } .nav__sublist .nav__sublist { left: 0; } .search-line__select { display: block; z-index: 1; margin-top: 0; width: 70px!important; font-size: 0; background-position: 25px 25px; background-image: linear-gradient(45deg, #ca2929 50%, transparent 50%), linear-gradient(135deg, white 50%, #ca2929 50%)!important; background-size: 20px 20px, 20px 20px!important; } .line-search-page .search-line__select { display: flex; margin: 0; padding: 0; background-position: 26px 15px; } .search-line__select > option { font-size: 16px; } .search-line__form { overflow: inherit; } .search-line_button { right: 0; } .search-line_big .btn_history--action { right: 40px; top: 4px; width: 30px; height: 30px; } .search-line .wrapper { width: 100%; padding: 0 50px; max-width: 800px; } .search__div--action .btn_history--action { margin: 0 5px; padding: 0; top: 0; right: 0; } .oneSearch__title { font-size: 25px; } .btn__filter { margin: 10px; } .filter__btn { margin: 0; padding: 20px 5px; font-size: 13px; } .change_filter { padding: 20px 5px; font-size: 13px; } .btn-group { margin: 5px 0; } .table__dscr span { font-size: 13px; } .ui-tabs .ui-tabs-nav li { width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; } .ui-tabs .ui-tabs-nav li a { margin: 0; padding: 0!important; } .lk__topmenu { display: block; margin: 10px; text-decoration: none; } .lk__maininfo { display: flex; justify-content: center; } /* catalog */ .sort__filter { font-size: 1.3em; } .sort__number { display: none; } .product__item { width: 30.9%; } .product__line .product__img { max-width: 50%; } .product__line .product__title { font-size: 1.8em; } .product__line .product__button { padding: 5px 15px; font-size: 1.6em; } .subcatalog__item { width: 100%; } .subcatalog__img { max-width: 25%; } .subcatalog__txtblock { width: 100%; } .card-product__title { font-size: 1.6em; } .card-product__article { font-size: 1.6em; } .card-product__maintxt { font-size: 1em; font-weight: bold; } .card-product__button { width: 100%; } .main-input { margin: 1% 5% 5%; } .main-input__wrap--topline .main-input { margin: 0 5%; top: 52px; } .main-input__wrap--topline { height: 54px; } .main-input__wrap--secondpage { margin: 0; } .catalogcar__item { width: 19%; } .userinfo__span { width: 60%; white-space: normal; } .userinfo__tab { font-size: 16px; } .main-table { width: 100%; text-align: left; } .main-table--w50p { width: 100%; } .message-cloud { width: 100%; } .user__avatar { display: flex; position: fixed; left: 5px; top: 8px; } .main-input__wrap--topline .topline-right__box { margin: 0; display: flex; justify-content: center; width: 100%; top: 25%; } .header_fixed--action .user__avatar { right: 50px; left: auto; } .user__dropdown { left: 5px; position: fixed; } .main-input__wrap--topline .main-input::before { margin: 23px 22.5%!important; } .main-input__wrap--topline .main-input__select { font-size: 12px; padding: 0 10px; } .displayn-770 { display: none; } .table__wrap { overflow: scroll; } .user__role { display: none; } .goods__card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; } .goods__img-box, .goods__dscr-box { width: 85%; } .button--goods { width: 100%; margin-top: 15px; } .top_menu_balance { position: absolute; top: 50px; } .carlist__wrap { width: 25%; } .carlist__letter { width: 100%; justify-content: flex-start; } .parts-list__item { width: 31%; } .header_fixed--action .logoImg { position: fixed; margin: 2px 5px; } .search-line + .header .logoImg { position: fixed; margin: 2px 5px; } .search-line + .header .logo::after { display: none; } .search-line + .header .header__background::before { background-color: transparent; } .mobile__search { height: 40px; width: 40px; margin: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10em; border: 0; font-size: 20px; color: #fff; background-color: #cb2829; display: none; } .mobile__search:hover { background-color: #761718; } .basket_sum { font-weight: bold; font-size: 20px; } .main-input__wrap--topline { padding: 0; } .main-input__wrap--topline .main-input { margin: 0; background-color: #222; padding: 0px 15px; height: 0; transition: .5s; overflow: hidden; } .main-input__wrap--topline .main-input.main-input--active { display: flex; height: 52px; } .main-input__wrap--topline .main-input.main-input--active::before { display: block; } .search-line + .header .user__avatar { right: 50px; left: auto; } .main-input__buttons { display: none; } } @media (max-width: 450px) { .logoImg { max-width: 50px } .wrapper.header__wrapper { padding: 10px; } .header_fixed--action .mobile__search { margin: 4px; } .header_search-offset { top: 0; } .header__inner { height: auto; padding: 5px 20px; } .header__wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header__logo { width: auto; } .header__logo:after { display: block; font-size: 18px; line-height: 1; } .wrapper { max-width: inherit; min-width: 300px; } .banner { height: 100vh; } .banner__button-search { width: 100%; } .search-line_big .btn_history--action { top: 0; padding: 0; height: 25px; width: 25px; } .search__div--action .button__icon { font-size: 23px; line-height: 23px; } .search__div--action { margin: 0; padding: 5px 55px; } .search__div--action > .search-line__select { margin: 0; padding: 0; } .search__div--action > .search-line__input { margin: 0; padding: 0 0 0 5px; } .search__div--action > .search-line__button { margin-left: -4rem; } .ui-dialog .ui-dialog-content { padding: 0 1em!important; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { padding: 0 1em; } .oneSearch__title { text-align: center; font-size: 20px; } .form__label { width: 100%; margin: 0; vertical-align: -webkit-baseline-middle; text-align: left; } .form__subinput-text { text-align: left; } .col-sm-2 { width: 100%; } .input__wrap { display: block; padding-top: 5px; } .vin__label { text-align: left; justify-content: flex-start; } .col-sm-10 { width: 100%; } .form__subdscr { position: relative; bottom: 5px; } .radio__wrap { padding-bottom: 10px; border-bottom: 1px solid #97b9bd; } .form-group { display: block; } .order__delivery strong { font-weight: normal; font-size: 16px; } .filter__btn { display: block; width: 100%; height: 30px; margin: 5px 0; line-height: 0.3; } .btn-group { display: flex; justify-content: space-between; } .btn-group .filter__btn { margin: 0; } .btn-group .change_filter { margin: auto; } /* Catalog */ .sort { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sort__vid { display: none; } .product__item { width: 48%; } .product__title { text-align: center; font-size: 2.5em; } .product__button { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 5px 15px; font-size: 2em; } .nvg__pages { display: none; } .nvg__show { height: 50px; display: flex; } .subcatalog__item .product__button { padding: 5px 10px; font-size: 1.5em; } .subcatalog__volume { font-size: 1.2em; margin: -15px -15px 0 0; } .card-product__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-product__card { width: auto; margin: 15px 0; } .card-product__dscr { margin: 15px 0; } .accardeon { padding: 0; } .accardeon__title { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; height: 50px; background-color: #cb2829; margin: 1%; padding: 0; border-radius: 5px; } .accardeon__title a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; color: #fff; text-decoration: none; text-align: center; padding: 5px; } .accardeon__title--active { background-color: #8b1b1c; } .accardeon__txt { color: #222; font-size: 16px; } .main-input { margin: 1% 0% 5%; } .but__wrap--right { text-align: center; } .main-input__wrap--topline .main-input::before { display: none; margin: 22px 20px!important; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; font-size: 13px; } .main-input::before { display: block; margin: 28px!important; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; font-size: 13px; pointer-events: none; } .main-input__select { font-size: 13px; width: 20%; } .main-input__input { margin: 0; width: 86%; border-radius: 0 50px 50px 0; padding: 0 10px; } .main-input__buttons { display: none; } .ui-dialog .ui-dialog-title { font-size: 14px!important; } .row { display: block; } .mobile-dn { display: none; } .itemname p { display: none; } .table { width: 100%; } .table__item { display: block; text-align: left!important; padding: 5px!important; font-weight: 400; } .table__icon { display: block; } .card-body { overflow: hidden; } .main-input__select { color: #cb2829; } .main-input__select:focus, .main-input__select:active, .main-input__select:visited, .main-input__select:hover { color: #8b1b1c; } .main-input__option { color: #fff; } .main-input__option:active { color: #fff; } .catalogcar__item { width: 49%; height: 170px; } .catalogcar__namecar { font-size: 14px; } .userinfo__item { display: block; padding: 0; } .userinfo__txtbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .userinfo__avatar { width: 100%; } .userinfo__dscr { width: 100%; } .userinfo__txt { width: 100%; text-align: left; font-weight: bold; font-size: 20px; flex-direction: column; white-space: normal; align-items: flex-start; } .userinfo__span { width: 100%; display: block; text-align: left; } .details-car__item { display: block; } .userinfo__list { flex-direction: column; padding: 0; } .userinfo__tab--active { border-radius: 0; } .details-car__item--name { padding-top: 10px!important; } .details-car__item--action { padding: 10px!important; } .form__title { text-align: center; } .cloud__carname { font-size: 13px; border-radius: 13px } .button__wrap { padding: 0 10px!important; } .icon__fa { display: block; } .main-form--upload { width: 100%; } .form__label-box { width: 100%; } .form__input--w50p { width: 100%; } .filters__box { overflow: visible; } .fdc-450 { flex-direction: column; } .displayn-450 { display: none; } .legend__box { flex-direction: column; } .legend { display: block; font-size: 13px; margin: 2px 0; } .main-table__row span { width: 100%; text-align: left; margin: 5px 0; } .tabitem__txt-line { display: block; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; } .goods__price-box { width: 100%; } .userinfo__nav { border-bottom: 1px solid #e7e7e7; } .userinfo__item--goods { margin: 10px 0; } .carlist__wrap { width: 50%; } .parts-list__item { width: 47%; } } @media (max-width: 330px) { .parts-list__item { width: 100%; } .product__item { width: 100%; } } /* ANIMATION */ @keyframes rotate { 0% { transform: rotate(15deg); } 50% { transform: rotate(-15deg); } 100% { transform: rotate(15deg); } } /* .flex-nowrap { flex-wrap: nowrap !important; } .d-flex { display: flex !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .flex-grow-1 { flex-grow: 1 !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .p-0 { padding: 0 !important; } .h-100 { height: 100% !important; } .text-center { text-align: center !important; } .pt-0, .py-0 { padding-top: 0 !important; } .w-100 { width: 100% !important; } .align-self-end { align-self: flex-end !important; } @media (min-width: 768px){ .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px){ .d-lg-none { display: none !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } } .ui-widget-overlay { opacity: 0.7; background-color: #000; } .top_menu_balance { height : 38px; margin-top:-31px; margin-left:-60px; line-height: 11px; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(185, 29, 71, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #ca2929; border-color: #ca2929; } .btn-primary input { color: #000; } .btn-primary:hover { color: #fff; background-color: #98183a; border-color: #ca2929; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #98183a; border-color: #ca2929; box-shadow: 0 0 0 0.2rem rgba(196, 63, 99, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #ca2929; border-color: #ca2929; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #ca2929; border-color: #821432; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(196, 63, 99, 0.5); } .btn-secondary { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-secondary:hover { color: #212529; background-color: #b8c1ca; border-color: #b1bbc4; } .btn-secondary:focus, .btn-secondary.focus { color: #212529; background-color: #b8c1ca; border-color: #b1bbc4; box-shadow: 0 0 0 0.2rem rgba(180, 186, 191, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #212529; background-color: #b1bbc4; border-color: #aab4bf; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(180, 186, 191, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #ca2929; border-color: #ca2929; } .btn-outline-primary:hover { color: #fff; background-color: #ca2929; border-color: #ca2929; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(185, 29, 71, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ca2929; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #ca2929; border-color: #ca2929; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(185, 29, 71, 0.5); } .btn-outline-secondary { color: #ced4da; border-color: #ced4da; } .btn-outline-secondary:hover { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ced4da; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #ced4da; border-color: #ced4da; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #ca2929; text-decoration: none; } .btn-link:hover { color: #77132e; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .border { border: 1px solid #dee2e6 !important; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #ced4da !important; } a.text-secondary:hover, a.text-secondary:focus { color: #a2aeb9 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } input:disabled, input:read-only{ background-color:#ccc; } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .bg-primary{ background-color: #cb2829 !important; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } */ .top_menu_balance { height: 22px; margin-top: -15px; }