/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../../fonts/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) 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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.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(../../fonts/KFOjCnqEu92Fr1Mu51TjASc6CsQ.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(../../fonts/KFOkCnqEu92Fr1Mu51xFIzIFKw.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(../../fonts/KFOkCnqEu92Fr1Mu51xMIzIFKw.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(../../fonts/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) 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(../../fonts/KFOkCnqEu92Fr1Mu51xLIzIFKw.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(../../fonts/KFOkCnqEu92Fr1Mu51xHIzIFKw.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(../../fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.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(../../fonts/KFOkCnqEu92Fr1Mu51xIIzI.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(../../fonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.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(../../fonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.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(../../fonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) 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(../../fonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.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(../../fonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.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(../../fonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(../../fonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) 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(../../fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(../../fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/KFOmCnqEu92Fr1Mu72xKOzY.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(../../fonts/KFOmCnqEu92Fr1Mu5mxKOzY.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(../../fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) 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(../../fonts/KFOmCnqEu92Fr1Mu4WxKOzY.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(../../fonts/KFOmCnqEu92Fr1Mu7WxKOzY.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(../../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) 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(../../fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(../../fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) 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(../../fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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(../../fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(../../fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'tmi'; src: url('../../fonts/tmi.ttf?g8gq4l') format('truetype'), url('../../fonts/tmi.woff?g8gq4l') format('woff'), url('../../fonts/tmi.svg?g8gq4l#tmi') format('svg'); font-weight: normal; font-style: normal; } [class^="tmi-"], [class*=" tmi-"] { font-family: 'tmi' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tmi-calendar:before { content: "\e9ce"; } .tmi-comment:before { content: "\e9cf"; } .tmi-eye-2:before { content: "\e9d0"; } .tmi-tag:before { content: "\e9d1"; } .tmi-user:before { content: "\e9d2"; } .tmi-forward:before { content: "\e9cd"; } .tmi-phone:before { content: "\e9cc"; } .tmi-map-marker:before { content: "\e9c9"; } .tmi-envelope:before { content: "\e9ca"; } .tmi-search:before { content: "\e9cb"; } .tmi-alien:before { content: "\e900"; } .tmi-ambulance:before { content: "\e901"; } .tmi-ambulance-1:before { content: "\e902"; } .tmi-aries:before { content: "\e903"; } .tmi-armchair:before { content: "\e904"; } .tmi-baby:before { content: "\e905"; } .tmi-baby-1:before { content: "\e906"; } .tmi-baby-girl:before { content: "\e907"; } .tmi-back:before { content: "\e908"; } .tmi-balance:before { content: "\e909"; } .tmi-bar-chart:before { content: "\e90a"; } .tmi-bar-chart-1:before { content: "\e90b"; } .tmi-battery:before { content: "\e90c"; } .tmi-battery-1:before { content: "\e90d"; } .tmi-battery-2:before { content: "\e90e"; } .tmi-battery-3:before { content: "\e90f"; } .tmi-battery-4:before { content: "\e910"; } .tmi-bedside-table:before { content: "\e911"; } .tmi-beer:before { content: "\e912"; } .tmi-binoculars:before { content: "\e913"; } .tmi-blind:before { content: "\e914"; } .tmi-book:before { content: "\e915"; } .tmi-cancer:before { content: "\e916"; } .tmi-car:before { content: "\e917"; } .tmi-car-1:before { content: "\e918"; } .tmi-car-2:before { content: "\e919"; } .tmi-center-alignment:before { content: "\e91a"; } .tmi-center-alignment-1:before { content: "\e91b"; } .tmi-chicken:before { content: "\e91c"; } .tmi-chicken-1:before { content: "\e91d"; } .tmi-chicken-2:before { content: "\e91e"; } .tmi-clock:before { content: "\e91f"; } .tmi-clock-1:before { content: "\e920"; } .tmi-clock-2:before { content: "\e921"; } .tmi-clock-3:before { content: "\e922"; } .tmi-clock-4:before { content: "\e923"; } .tmi-clock-5:before { content: "\e924"; } .tmi-cloud:before { content: "\e925"; } .tmi-cloud-1:before { content: "\e926"; } .tmi-cloud-2:before { content: "\e927"; } .tmi-cloud-computing:before { content: "\e928"; } .tmi-cloudy:before { content: "\e929"; } .tmi-coins:before { content: "\e92a"; } .tmi-compass:before { content: "\e92b"; } .tmi-conga:before { content: "\e92c"; } .tmi-copy:before { content: "\e92d"; } .tmi-corndog:before { content: "\e92e"; } .tmi-cow:before { content: "\e92f"; } .tmi-customer-service:before { content: "\e930"; } .tmi-cutlery:before { content: "\e931"; } .tmi-diagonal-arrow:before { content: "\e932"; } .tmi-diagonal-arrow-1:before { content: "\e933"; } .tmi-diagonal-arrow-2:before { content: "\e934"; } .tmi-diagonal-arrow-3:before { content: "\e935"; } .tmi-diamond:before { content: "\e936"; } .tmi-diaper:before { content: "\e937"; } .tmi-download:before { content: "\e938"; } .tmi-download-1:before { content: "\e939"; } .tmi-electric-guitar:before { content: "\e93a"; } .tmi-emoticon:before { content: "\e93b"; } .tmi-export:before { content: "\e93c"; } .tmi-eye:before { content: "\e93d"; } .tmi-eye-1:before { content: "\e93e"; } .tmi-feeding-bottle:before { content: "\e93f"; } .tmi-file:before { content: "\e940"; } .tmi-file-1:before { content: "\e941"; } .tmi-file-2:before { content: "\e942"; } .tmi-file-3:before { content: "\e943"; } .tmi-film-strip:before { content: "\e944"; } .tmi-flag:before { content: "\e945"; } .tmi-flash:before { content: "\e946"; } .tmi-fork:before { content: "\e947"; } .tmi-fountain-pen:before { content: "\e948"; } .tmi-fountain-pen-1:before { content: "\e949"; } .tmi-fountain-pen-2:before { content: "\e94a"; } .tmi-fountain-pen-3:before { content: "\e94b"; } .tmi-fountain-pen-4:before { content: "\e94c"; } .tmi-gemini:before { content: "\e94d"; } .tmi-glass-of-water:before { content: "\e94e"; } .tmi-guitar:before { content: "\e94f"; } .tmi-ham:before { content: "\e950"; } .tmi-happy:before { content: "\e951"; } .tmi-happy-1:before { content: "\e952"; } .tmi-head:before { content: "\e953"; } .tmi-heavy-metal:before { content: "\e954"; } .tmi-home:before { content: "\e955"; } .tmi-home-1:before { content: "\e956"; } .tmi-home-2:before { content: "\e957"; } .tmi-home-3:before { content: "\e958"; } .tmi-home-4:before { content: "\e959"; } .tmi-horse:before { content: "\e95a"; } .tmi-id-card:before { content: "\e95b"; } .tmi-jar:before { content: "\e95c"; } .tmi-justify:before { content: "\e95d"; } .tmi-laundry:before { content: "\e95e"; } .tmi-laundry-1:before { content: "\e95f"; } .tmi-laundry-2:before { content: "\e960"; } .tmi-laundry-3:before { content: "\e961"; } .tmi-laundry-4:before { content: "\e962"; } .tmi-laundry-5:before { content: "\e963"; } .tmi-left-alignment:before { content: "\e964"; } .tmi-left-alignment-1:before { content: "\e965"; } .tmi-lemon:before { content: "\e966"; } .tmi-lemon-1:before { content: "\e967"; } .tmi-lemonade:before { content: "\e968"; } .tmi-lemonade-1:before { content: "\e969"; } .tmi-leo:before { content: "\e96a"; } .tmi-light-bulb:before { content: "\e96b"; } .tmi-like:before { content: "\e96c"; } .tmi-mail:before { content: "\e96d"; } .tmi-mail-1:before { content: "\e96e"; } .tmi-mail-2:before { content: "\e96f"; } .tmi-mail-3:before { content: "\e970"; } .tmi-mail-4:before { content: "\e971"; } .tmi-mail-5:before { content: "\e972"; } .tmi-man:before { content: "\e973"; } .tmi-man-1:before { content: "\e974"; } .tmi-map:before { content: "\e975"; } .tmi-maths:before { content: "\e976"; } .tmi-medical-result:before { content: "\e977"; } .tmi-money:before { content: "\e978"; } .tmi-monitor:before { content: "\e979"; } .tmi-monitor-1:before { content: "\e97a"; } .tmi-monitor-2:before { content: "\e97b"; } .tmi-monitor-3:before { content: "\e97c"; } .tmi-monitor-4:before { content: "\e97d"; } .tmi-monitor-5:before { content: "\e97e"; } .tmi-muted:before { content: "\e97f"; } .tmi-next:before { content: "\e980"; } .tmi-ninja:before { content: "\e981"; } .tmi-padlock:before { content: "\e982"; } .tmi-padlock-1:before { content: "\e983"; } .tmi-pear:before { content: "\e984"; } .tmi-phone-call:before { content: "\e985"; } .tmi-phone-call-1:before { content: "\e986"; } .tmi-phone-call-2:before { content: "\e987"; } .tmi-phone-call-3:before { content: "\e988"; } .tmi-photo-camera:before { content: "\e989"; } .tmi-pie-chart:before { content: "\e98a"; } .tmi-pie-chart-1:before { content: "\e98b"; } .tmi-piggy-bank:before { content: "\e98c"; } .tmi-pin:before { content: "\e98d"; } .tmi-placeholder:before { content: "\e98e"; } .tmi-placeholder-1:before { content: "\e98f"; } .tmi-placeholder-2:before { content: "\e990"; } .tmi-plug:before { content: "\e991"; } .tmi-plug-1:before { content: "\e992"; } .tmi-pointing:before { content: "\e993"; } .tmi-rain:before { content: "\e994"; } .tmi-right-alignment:before { content: "\e995"; } .tmi-right-alignment-1:before { content: "\e996"; } .tmi-rolling-pin:before { content: "\e997"; } .tmi-ruler:before { content: "\e998"; } .tmi-ruler-1:before { content: "\e999"; } .tmi-sad:before { content: "\e99a"; } .tmi-saturn:before { content: "\e99b"; } .tmi-saturn-1:before { content: "\e99c"; } .tmi-sausage:before { content: "\e99d"; } .tmi-sheep:before { content: "\e99e"; } .tmi-sheep-1:before { content: "\e99f"; } .tmi-shield:before { content: "\e9a0"; } .tmi-shop:before { content: "\e9a1"; } .tmi-shopping-bag:before { content: "\e9a2"; } .tmi-shopping-basket:before { content: "\e9a3"; } .tmi-smartphone:before { content: "\e9a4"; } .tmi-smartphone-1:before { content: "\e9a5"; } .tmi-smartphone-2:before { content: "\e9a6"; } .tmi-smartphone-3:before { content: "\e9a7"; } .tmi-smile:before { content: "\e9a8"; } .tmi-socket:before { content: "\e9a9"; } .tmi-speech-bubble:before { content: "\e9aa"; } .tmi-speech-bubble-1:before { content: "\e9ab"; } .tmi-speech-bubble-2:before { content: "\e9ac"; } .tmi-speech-bubble-3:before { content: "\e9ad"; } .tmi-spoon:before { content: "\e9ae"; } .tmi-sun:before { content: "\e9af"; } .tmi-surprised:before { content: "\e9b0"; } .tmi-syringe:before { content: "\e9b1"; } .tmi-table:before { content: "\e9b2"; } .tmi-tap:before { content: "\e9b3"; } .tmi-tap-1:before { content: "\e9b4"; } .tmi-tap-2:before { content: "\e9b5"; } .tmi-taurus:before { content: "\e9b6"; } .tmi-telephone:before { content: "\e9b7"; } .tmi-toaster:before { content: "\e9b8"; } .tmi-ufo:before { content: "\e9b9"; } .tmi-upload:before { content: "\e9ba"; } .tmi-upload-1:before { content: "\e9bb"; } .tmi-van:before { content: "\e9bc"; } .tmi-victory:before { content: "\e9bd"; } .tmi-video-camera:before { content: "\e9be"; } .tmi-video-camera-1:before { content: "\e9bf"; } .tmi-watermelon:before { content: "\e9c0"; } .tmi-weight:before { content: "\e9c1"; } .tmi-wifi:before { content: "\e9c2"; } .tmi-wifi-1:before { content: "\e9c3"; } .tmi-wifi-2:before { content: "\e9c4"; } .tmi-wifi-3:before { content: "\e9c5"; } .tmi-woman:before { content: "\e9c6"; } .tmi-woman-1:before { content: "\e9c7"; } .tmi-zip:before { content: "\e9c8"; } @font-face { font-family: 'socicon'; src: url('../../fonts/socicon.eot?xvgs9q'); src: url('../../fonts/socicon.eot?xvgs9q#iefix') format('embedded-opentype'), url('../../fonts/socicon.woff2?xvgs9q') format('woff2'), url('../../fonts/socicon.ttf?xvgs9q') format('truetype'), url('../../fonts/socicon.woff?xvgs9q') format('woff'), url('../../fonts/socicon.svg?xvgs9q#socicon') format('svg'); font-weight: normal; font-style: normal; } [class^="socicon-"], [class*=" socicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'socicon' !important; speak: none; 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; } .socicon-augment:before { content: "\e908"; } .socicon-bitbucket:before { content: "\e909"; } .socicon-fyuse:before { content: "\e90a"; } .socicon-yt-gaming:before { content: "\e90b"; } .socicon-sketchfab:before { content: "\e90c"; } .socicon-mobcrush:before { content: "\e90d"; } .socicon-microsoft:before { content: "\e90e"; } .socicon-pandora:before { content: "\e907"; } .socicon-messenger:before { content: "\e906"; } .socicon-gamewisp:before { content: "\e905"; } .socicon-bloglovin:before { content: "\e904"; } .socicon-tunein:before { content: "\e903"; } .socicon-gamejolt:before { content: "\e901"; } .socicon-trello:before { content: "\e902"; } .socicon-spreadshirt:before { content: "\e900"; } .socicon-500px:before { content: "\e000"; } .socicon-8tracks:before { content: "\e001"; } .socicon-airbnb:before { content: "\e002"; } .socicon-alliance:before { content: "\e003"; } .socicon-amazon:before { content: "\e004"; } .socicon-amplement:before { content: "\e005"; } .socicon-android:before { content: "\e006"; } .socicon-angellist:before { content: "\e007"; } .socicon-apple:before { content: "\e008"; } .socicon-appnet:before { content: "\e009"; } .socicon-baidu:before { content: "\e00a"; } .socicon-bandcamp:before { content: "\e00b"; } .socicon-battlenet:before { content: "\e00c"; } .socicon-mixer:before { content: "\e00d"; } .socicon-bebee:before { content: "\e00e"; } .socicon-bebo:before { content: "\e00f"; } .socicon-behance:before { content: "\e010"; } .socicon-blizzard:before { content: "\e011"; } .socicon-blogger:before { content: "\e012"; } .socicon-buffer:before { content: "\e013"; } .socicon-chrome:before { content: "\e014"; } .socicon-coderwall:before { content: "\e015"; } .socicon-curse:before { content: "\e016"; } .socicon-dailymotion:before { content: "\e017"; } .socicon-deezer:before { content: "\e018"; } .socicon-delicious:before { content: "\e019"; } .socicon-deviantart:before { content: "\e01a"; } .socicon-diablo:before { content: "\e01b"; } .socicon-digg:before { content: "\e01c"; } .socicon-discord:before { content: "\e01d"; } .socicon-disqus:before { content: "\e01e"; } .socicon-douban:before { content: "\e01f"; } .socicon-draugiem:before { content: "\e020"; } .socicon-dribbble:before { content: "\e021"; } .socicon-drupal:before { content: "\e022"; } .socicon-ebay:before { content: "\e023"; } .socicon-ello:before { content: "\e024"; } .socicon-endomodo:before { content: "\e025"; } .socicon-envato:before { content: "\e026"; } .socicon-etsy:before { content: "\e027"; } .socicon-facebook:before { content: "\e028"; } .socicon-feedburner:before { content: "\e029"; } .socicon-filmweb:before { content: "\e02a"; } .socicon-firefox:before { content: "\e02b"; } .socicon-flattr:before { content: "\e02c"; } .socicon-flickr:before { content: "\e02d"; } .socicon-formulr:before { content: "\e02e"; } .socicon-forrst:before { content: "\e02f"; } .socicon-foursquare:before { content: "\e030"; } .socicon-friendfeed:before { content: "\e031"; } .socicon-github:before { content: "\e032"; } .socicon-goodreads:before { content: "\e033"; } .socicon-google:before { content: "\e034"; } .socicon-googlescholar:before { content: "\e035"; } .socicon-googlegroups:before { content: "\e036"; } .socicon-googlephotos:before { content: "\e037"; } .socicon-googleplus:before { content: "\e038"; } .socicon-grooveshark:before { content: "\e039"; } .socicon-hackerrank:before { content: "\e03a"; } .socicon-hearthstone:before { content: "\e03b"; } .socicon-hellocoton:before { content: "\e03c"; } .socicon-heroes:before { content: "\e03d"; } .socicon-hitbox:before { content: "\e03e"; } .socicon-horde:before { content: "\e03f"; } .socicon-houzz:before { content: "\e040"; } .socicon-icq:before { content: "\e041"; } .socicon-identica:before { content: "\e042"; } .socicon-imdb:before { content: "\e043"; } .socicon-instagram:before { content: "\e044"; } .socicon-issuu:before { content: "\e045"; } .socicon-istock:before { content: "\e046"; } .socicon-itunes:before { content: "\e047"; } .socicon-keybase:before { content: "\e048"; } .socicon-lanyrd:before { content: "\e049"; } .socicon-lastfm:before { content: "\e04a"; } .socicon-line:before { content: "\e04b"; } .socicon-linkedin:before { content: "\e04c"; } .socicon-livejournal:before { content: "\e04d"; } .socicon-lyft:before { content: "\e04e"; } .socicon-macos:before { content: "\e04f"; } .socicon-mail:before { content: "\e050"; } .socicon-medium:before { content: "\e051"; } .socicon-meetup:before { content: "\e052"; } .socicon-mixcloud:before { content: "\e053"; } .socicon-modelmayhem:before { content: "\e054"; } .socicon-mumble:before { content: "\e055"; } .socicon-myspace:before { content: "\e056"; } .socicon-newsvine:before { content: "\e057"; } .socicon-nintendo:before { content: "\e058"; } .socicon-npm:before { content: "\e059"; } .socicon-odnoklassniki:before { content: "\e05a"; } .socicon-openid:before { content: "\e05b"; } .socicon-opera:before { content: "\e05c"; } .socicon-outlook:before { content: "\e05d"; } .socicon-overwatch:before { content: "\e05e"; } .socicon-patreon:before { content: "\e05f"; } .socicon-paypal:before { content: "\e060"; } .socicon-periscope:before { content: "\e061"; } .socicon-persona:before { content: "\e062"; } .socicon-pinterest:before { content: "\e063"; } .socicon-play:before { content: "\e064"; } .socicon-player:before { content: "\e065"; } .socicon-playstation:before { content: "\e066"; } .socicon-pocket:before { content: "\e067"; } .socicon-qq:before { content: "\e068"; } .socicon-quora:before { content: "\e069"; } .socicon-raidcall:before { content: "\e06a"; } .socicon-ravelry:before { content: "\e06b"; } .socicon-reddit:before { content: "\e06c"; } .socicon-renren:before { content: "\e06d"; } .socicon-researchgate:before { content: "\e06e"; } .socicon-residentadvisor:before { content: "\e06f"; } .socicon-reverbnation:before { content: "\e070"; } .socicon-rss:before { content: "\e071"; } .socicon-sharethis:before { content: "\e072"; } .socicon-skype:before { content: "\e073"; } .socicon-slideshare:before { content: "\e074"; } .socicon-smugmug:before { content: "\e075"; } .socicon-snapchat:before { content: "\e076"; } .socicon-songkick:before { content: "\e077"; } .socicon-soundcloud:before { content: "\e078"; } .socicon-spotify:before { content: "\e079"; } .socicon-stackexchange:before { content: "\e07a"; } .socicon-stackoverflow:before { content: "\e07b"; } .socicon-starcraft:before { content: "\e07c"; } .socicon-stayfriends:before { content: "\e07d"; } .socicon-steam:before { content: "\e07e"; } .socicon-storehouse:before { content: "\e07f"; } .socicon-strava:before { content: "\e080"; } .socicon-streamjar:before { content: "\e081"; } .socicon-stumbleupon:before { content: "\e082"; } .socicon-swarm:before { content: "\e083"; } .socicon-teamspeak:before { content: "\e084"; } .socicon-teamviewer:before { content: "\e085"; } .socicon-technorati:before { content: "\e086"; } .socicon-telegram:before { content: "\e087"; } .socicon-tripadvisor:before { content: "\e088"; } .socicon-tripit:before { content: "\e089"; } .socicon-triplej:before { content: "\e08a"; } .socicon-tumblr:before { content: "\e08b"; } .socicon-twitch:before { content: "\e08c"; } .socicon-twitter:before { content: "\e08d"; } .socicon-uber:before { content: "\e08e"; } .socicon-ventrilo:before { content: "\e08f"; } .socicon-viadeo:before { content: "\e090"; } .socicon-viber:before { content: "\e091"; } .socicon-viewbug:before { content: "\e092"; } .socicon-vimeo:before { content: "\e093"; } .socicon-vine:before { content: "\e094"; } .socicon-vkontakte:before { content: "\e095"; } .socicon-warcraft:before { content: "\e096"; } .socicon-wechat:before { content: "\e097"; } .socicon-weibo:before { content: "\e098"; } .socicon-whatsapp:before { content: "\e099"; } .socicon-wikipedia:before { content: "\e09a"; } .socicon-windows:before { content: "\e09b"; } .socicon-wordpress:before { content: "\e09c"; } .socicon-wykop:before { content: "\e09d"; } .socicon-xbox:before { content: "\e09e"; } .socicon-xing:before { content: "\e09f"; } .socicon-yahoo:before { content: "\e0a0"; } .socicon-yammer:before { content: "\e0a1"; } .socicon-yandex:before { content: "\e0a2"; } .socicon-yelp:before { content: "\e0a3"; } .socicon-younow:before { content: "\e0a4"; } .socicon-youtube:before { content: "\e0a5"; } .socicon-zapier:before { content: "\e0a6"; } .socicon-zerply:before { content: "\e0a7"; } .socicon-zomato:before { content: "\e0a8"; } .socicon-zynga:before { content: "\e0a9"; } @font-face { font-family: "iconfont"; src: url('../../fonts/iconfont.eot?t=1540806347624'); src: url('../../fonts/iconfont.eot?t=1540806347624#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA4gAAsAAAAAFygAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8vGHxY21hcAAAAYAAAACrAAACLl0bqv9nbHlmAAACLAAACWUAAA9ciwhLV2hlYWQAAAuUAAAALgAAADYTGTOTaGhlYQAAC8QAAAAcAAAAJAfeA49obXR4AAAL4AAAAA8AAAA4OAAAAGxvY2EAAAvwAAAAHgAAAB4dqBmcbWF4cAAADBAAAAAfAAAAIAEgAJNuYW1lAAAMMAAAAUUAAAJtPlT+fXBvc3QAAA14AAAApwAAAQApIaa5eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeuf3/z9zwv4EhhrmBoQEozAiSAwD3xA1BeJztks0RgkAMhb8VRESwEuvwbAWUgP+cPNkANXi3DzvxQnrAtxvKMDvfTjaTyWTeW2AJZGIncghPAjEeqoZUz6hSPeegd0XJgsV3Pw7WWj9NMOddzOcI6vODuoNmFKw0oWSt2oaaRk0F/6jT/Z5fTVTTkW6MgxOdsNaJblnnSFXs6Ehf7OREJ+3sSHPs4kh97OpEb+zmyBHs7sSNrHe0z/bzSuin/AAm9DYJAHicnVdrbBxXFb7nzs7MPmd3Z+ex9tr7mt3Z7Nrr2PuYdZvY3jxKyVZV3DYlaiLF24SmpBHCgbbQouLyIyFRUKUiEBKE1hXiUaECSZuAQC0ujugP+qOoAVr+4AoVVFX0J7+6Y869s+s4JlEl7N17zpxz75l7v3vOd+8SPyHra8JFYZJESYZsJ3NkP1kgXyBLhCTy0ihoxg6oOTPQsK1SPQ2mroBsTUCpOQuf5Bc/abykZcCozYHT2A52Pgotp4YGLQpSHg2NFUVVFa9ZKTsATrkvbmGHD27hEAKBxeBwcNETP1gc2T+6mEotju4fWRyha4Mhitq+/goULtzKM3crB5jXX4Niz+LIyPWXEeJDrD8U/iCoJEbSZA/5IiHFSavYbDitWWghOGnQoempDKcJEBGpWZgBFPisa4aJQoFRmEpDPVdz5qA5AcVaveY07FLeRphZKNRZb4zS753GLWixwPipCUvQu+D3yZeOH1/xi7K7AHsb9b0Ae+uNvfAL6cl7yxP0kfn5k3Ss8MBTcjLtK6Xo0WTRTyHT+zWFaCIRzVQqGSZ33kNBjTXuDCRMSIwmAAQ68qVpOgVLYkgQ2z7fLpGGRKid8uJ74iVhXE3dN3UK30BPzp+anB+OT/lC1eGzqXzKFJ8ZnjisYahK5nC2DF7Ue2YOpSYS8YIULOjH2HuPCZTGpyjBPxExvSosC7tJhAyTEqmTNiFg++S44WsZhVbcLnjL9wAtFVnuDQyCBxEHObHZQcmS+2E4DPrSEujhsPuhm7vjjZ++cUfw8gvLl0PQxcZ7vrJ84bKiXL7gtS9cCXBz4IrQhland7rTApT0q52W+1g6mUx/WxundFx7Dr+PsudHtXGYpRVNq1De9mQ6rj7LPM9oVb62FWFFaJOj5CR5lDxFzuDaJLnkNBullmGync5LsmbKNqunlpcl/eQpOROgUEyTWsvkXSzPh/1sNhj76Hy5mC1Np2VKuuecAJiFmqFJeRvTruEwtThQNixCO58674enU3bZce7F/H8iVa00AfY5zj6AZiVpK49LZnPnZFyfyuSHT4P/3GieubwO6tfM9KgFbKQ1mjaXtL59n9uBglPAj7ueYqIAxS2SQPS4ZsjS3UPAxjtlWdpXDHdCe6pe+OqeUEca0e5Mt3K+0u23W8a8ZGgPxwcvcIqjC7p8PjSZwYmXM5Oh87J+JFPYmNrr3mt63+/PY31jPn0Fc07i+7KM+8I4s46ceRc5iDuTQ4TjiGIOYYxPgKBJVi5vN+MNB2vV0Fu5vKQZXI1rRs1pYh8Y2LCA5c26xXSzzraYvtVby1cBqnma5VINyL01ORCQaVYOLPbWGBcxVR1Roep+5HJygjZrN+nPbPApXcFYveV+zG6+2ruHR+uy9i2MgvGXeVD0ue+iAT/LnnheTam4fynVw4EQ4U90hdTIXvJpcj95gDyEOCDTs3mPQQkzEkGJQn81MsvBeB0zDU+EnM5AaDXrDIZmnZGZ08zhkZCGHaA3MUjRaSJj1XNpyEDOlK2miOO9A6VhC88a8kwkkYjMF0LTefdgfjqS/xSbdF0OpwpQh0yWvswmOwaFj691tKw/CbAKSX9WO3Qo8fleh27zJRV4UTF9rd53lUQH/vUqC/dqRFXhJYMt8Yl0EcDOfJlFMaCQct+3VPyzLNbPglSq4P7zhKm2faLoayeMEy/WPieK3wjEIer/bbtWW2AxGFLX67hKZsjdiNJxRAmTpOnhw6m6rrO91wePub7bauLJmWtiReJZyvOJkXxdaHpJNTAmeNZYPINgoLBUEhbKjIPKvd2efB6zIevmvAf62obRXYO/M/R6u1mbxb1/bfD4O3iapxJr4ed9RWFGSvDce9o7/phAU/d/Le6KqvAh2MDyQFN7H3kZRbsKE6rH5cvCC0KXhIhJLKyqBcQpb3tLxYWKW/Ud4OlOGiS8Nlg5RCyOyGHKmHFGYVh8HAxWcfWcyUwzDPk6GzcG6IAsXw0vDre9VfeWejY4rNLg9wJhN1uZBpiu0CdR4qS1aO9MVMMby7UyK77pynOYPZHnohpte4tbu0Hk/aAPBU/74bYx+p+x2wBl701eaI2Yrsd6wZieYY+/QR9212MeJj8TfijsQq4pkCbpcEywsHC5vFbY9amFBC2LCjVM0UC+L85SWxYlu1S00eXUa2jW+gYFsBM/FYqMZm5mpH99JbYt9rISfSVaRvEd9+38wZx7LaGBpkHV2l7OwFhCB73hXovXVfftcBDGYsmRBFRDQfcv6pTqXgsno2IIxuMVY1sWKtFs7BZ22nksCIFHAsNBLoNDxau6kLgUztpW+KqpcmX2UgBCVwOifCkQRrF6MUhDq7JoDsmr4ZB6MViM/94zScaQfzWEpkBRJQKvuT9jzRURs88gZgwyBZlELtmYK7jmNJ0FdpCaDETTYPwjsNvSDbTNq2oTr2M5Cpt4WnhbMCI/UYPh4upDweHAu1pRpym7ZAqvHwsmg3+rRCyxSpu8kng+0QRLkN6/vQqh7M6opj/mDC6wRKTvRRSh5LMU+6WFIAT/4YtZ27IhJaeFAn884gf/6lg4EP+x7L4PasTlAdu8ejBYr38PdSOqu8fLN6RnynF4E3E4QB7nKMiSbPe/E+x6mAFUDbx4z4KN125MrZZjIBzboa9x3fGMLfxH9mYXSfaMA9EgWptOOX6y9XmNgcbvpsIr+olpW8tbw0p5MhjY8eDYTnn74w9WcnMH3omYoUD4nV14uRDCd7XN4dCP0nJcv3+nP2FUwib4Y0Oh6DaBxiR1pEghoqh74pomjOR9Ru/ouaiuR+ErUZ1BcFvFPVthRVU5xzj8xJEzodBILBpKaoYo39cJRrt3/kprTRwodsXAkCl100lJ9sV8ppzT1ycKgu/AYd3QM6mi6PPLcTVspiVBHlIS4agPHt575OuqGVG/6eoxeoXVKsO+X8Edr1q9+73H80X8JXU/r1QOTS7ukQ07u7y7wRZ4BmSeEy2vF7sj5OKc4Bx2kt70ZoFnKPg+i6SKv2FabEKtfgZ0PYku9VtIX3iWu1m6dpgdW4eZripzrPuc1w2WuQwg53VZMOjiGLJOBokF/XAu68dMnBSznNOUdQIbHd3lfkAc4O7inTh/vSX8sv/7kt2V7vv/bkqbqw5u4qfzg2XfuB5v/d3rKp/rBy6vOU7+UNvipJObQGTRXNjwK96yByPKTu+9/jG2vMVB/gu4uaROAAAAeJxjYGRgYABhydUW8fw2Xxm4WRhA4Pqf76cR9P8FLAzMCUAuBwMTSBQAPG8L5wAAeJxjYGRgYG7438AQw8IAAkCSkQEV8AEARxQCd3icY2FgYGAhAwMABsgAOQAAAAAAALYBYAHOApoDHgOyBEYE0AVsBfAGpgcwB64AAHicY2BkYGDgY2hn4GAAASYg5gJCBob/YD4DABerAbQAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbY7dDoIwDIVXEFT8TdDEl/CCJzJjjrWTFJE0Bp5eGOHOc/n1fCdVkZqTqf85QgQxrCCBFNawgS1ksIM9HOAIJ5WTafjRE7u+YedEc01xK5waFCMcF0WRVDIgZS0ZtHfTvPtzZXmQuRvALYx0SNPG1/JTswuH64DCpaWaRmJQ8+x3KF5emssFfCx78qQblADyeVxzh3bUA7tMvvO0fBmgUj8ACEl0AA==') format('woff'), url('../../fonts/iconfont.ttf?t=1540806347624') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../../fonts/iconfont.svg?t=1540806347624#iconfont') format('svg'); /* IE9*/ /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-icon_yingyongguanli:before { content: "\eb8f"; } .icon-qun:before { content: "\e646"; } .icon-chucun:before { content: "\ec5e"; } .icon-111:before { content: "\ec70"; } .icon-fuzhi:before { content: "\ec7a1"; } .icon-qiche-copy:before { content: "\ec6e"; } .icon-fenzuguanli-copy:before { content: "\ec6f"; } .icon-icon_shiyongwendang-copy:before { content: "\ec71"; } .icon-zhunbeiliangchan-copy:before { content: "\ec72"; } .icon-shujukanban-copy:before { content: "\ec73"; } .icon-renjijiaohu-copy:before { content: "\ec74"; } .icon-guanlianshebei-copy:before { content: "\ec75"; } .icon-changjingguanli-copy:before { content: "\ec76"; } .box-alice { padding: 10px; max-width: 100%; text-align: center; } .box-alice__inner { margin-bottom: -15px; } .box-alice__inner > * { margin-bottom: 15px; } .box-alice__icon { padding: 5px 10px; border: 2px solid #b6c062; font-size: 30px; color: #66b6d0; } .box-alice__icon-sm { font-size: 22px; } .box-alice__icon-md { font-size: 35px; } .box-alice__main { min-height: 100px; } .box-alice__main i { display: inline-block; height: 100%; vertical-align: middle; } .box-alice__main h5 { display: inline-block; vertical-align: middle; } .box-alice__main p { font-size: 14px; } @media (max-width: 767px) { .com-b .box-alice { max-width: 370px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) { .box-alice__inner { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-align: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; align-items: stretch; text-align: left; } .box-alice__inner > * + * { padding-left: 30px; } .box-alice__aside { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .box-alice__main { position: relative; top: -5px; -ms-flex-positive: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .box-alice__icon-outer { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; height: 84px; } .box-alice__icon-outer::before, .box-alice__icon-outer::after { content: ''; display: block; margin-left: auto; margin-right: auto; height: 2px; width: 22px; background: #b6c062; } .ie-10 .box-alice__icon-outer, .ie-11 .box-alice__icon-outer { -ms-flex-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .box-alice__icon { display: -ms-inline-flexbox; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; min-width: 50px; min-height: 60px; margin-top: 9px; margin-bottom: 8px; text-align: center; } } @media (min-width: 992px) and (max-width: 1199px) { .box-alice { padding-top: 25px; padding-bottom: 25px; } .box-alice__main { padding-left: 20px; } .box-alice__title { font-size: 16px; } .box-alice__icon { min-width: 44px; font-size: 24px; } .box-alice__icon-sm { font-size: 18px; } .box-alice__icon-md { font-size: 28px; } } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .box-alice__icon-outer { -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; } html:not(.tablet):not(.mobile) .box-alice__icon-outer::before, html:not(.tablet):not(.mobile) .box-alice__icon-outer::after { -webkit-animation: 0.3s h-to-w both; -moz-animation: 0.3s h-to-w both; animation: 0.3s h-to-w both; } html:not(.tablet):not(.mobile).ie-10 .box-alice__icon-outer::before, html:not(.tablet):not(.mobile).ie-10 .box-alice__icon-outer::after, html:not(.tablet):not(.mobile).ie-11 .box-alice__icon-outer::before, html:not(.tablet):not(.mobile).ie-11 .box-alice__icon-outer::after { -webkit-animation: 0.3s h-to-w--ie both; -moz-animation: 0.3s h-to-w--ie both; animation: 0.3s h-to-w--ie both; } html:not(.tablet):not(.mobile) .box-alice { position: relative; -webkit-transition: .22s; -moz-transition: .22s; transition: .22s; } html:not(.tablet):not(.mobile) .box-alice::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transition: .33s; -moz-transition: .33s; transition: .33s; pointer-events: none; -webkit-transform: scale3d(1.08, 1.08, 1.08); -moz-transform: scale3d(1.08, 1.08, 1.08); transform: scale3d(1.08, 1.08, 1.08); opacity: 0; visibility: hidden; } html:not(.tablet):not(.mobile) .box-alice:hover::before { opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } html:not(.tablet):not(.mobile) .box-alice:hover .box-alice__icon-outer { height: 100%; } html:not(.tablet):not(.mobile) .box-alice:hover .box-alice__icon-outer::before, html:not(.tablet):not(.mobile) .box-alice:hover .box-alice__icon-outer::after { -webkit-animation: 0.22s w-to-h both; -moz-animation: 0.22s w-to-h both; animation: 0.22s w-to-h both; } html:not(.tablet):not(.mobile).ie-10 .box-alice:hover .box-alice__icon-outer::before, html:not(.tablet):not(.mobile).ie-10 .box-alice:hover .box-alice__icon-outer::after, html:not(.tablet):not(.mobile).ie-11 .box-alice:hover .box-alice__icon-outer::before, html:not(.tablet):not(.mobile).ie-11 .box-alice:hover .box-alice__icon-outer::after { -webkit-animation: 0.22s w-to-h--ie both; -moz-animation: 0.22s w-to-h--ie both; animation: 0.22s w-to-h--ie both; } } @media (min-width: 992px) { .box-alice { padding: 35px 20px; } } @media (min-width: 1200px) { .box-alice__main { max-width: 240px; } } @-webkit-keyframes w-to-h { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 50%; } } @-moz-keyframes w-to-h { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 50%; } } @keyframes w-to-h { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 50%; } } @-webkit-keyframes h-to-w { 0% { width: 2px; height: 50%; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } @-moz-keyframes h-to-w { 0% { width: 2px; height: 50%; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } @keyframes h-to-w { 0% { width: 2px; height: 50%; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } @-webkit-keyframes w-to-h--ie { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 28px; } } @-moz-keyframes w-to-h--ie { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 28px; } } @keyframes w-to-h--ie { 0% { width: 22px; height: 2px; } 50% { width: 2px; height: 2px; } 100% { width: 2px; height: 28px; } } @-webkit-keyframes h-to-w--ie { 0% { width: 2px; height: 28px; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } @-moz-keyframes h-to-w--ie { 0% { width: 2px; height: 28px; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } @keyframes h-to-w--ie { 0% { width: 2px; height: 28px; } 50% { width: 2px; height: 2px; } 100% { width: 22px; height: 2px; } } h5, .heading-5 { font-size: 16px; line-height: 1.5; } @media (min-width: 768px) { h5, .heading-5 { font-size: 18px; line-height: 1.44444; } } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; font-weight: 400; color: #151515; } p { margin-top: 0; margin-bottom: 1rem; } p { margin: 0; } * + p { margin-top: 12px; } @media (min-width: 1200px) { * + p { margin-top: 16px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { padding: 0; margin: 0; height: 100%; } body { font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.71429; color: #9b9b9b; background-color: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; } a { cursor: pointer; color: #9b9b9b; text-decoration: none; } a:hover, a:focus { color: #9b9b9b; text-decoration: none; } .clearfix:before { content: ""; display: table; } .clearfix:after { content: ""; display: block; clear: both; } .flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .auto { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .container { margin: 0 auto; } .center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .h-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav, .nav-xs { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; color: #fff; } .nav.c-f, .nav-xs.c-f { background-image: -webkit-linear-gradient(135deg, #13051f, #233671); background-image: -moz- oldlinear-gradient(135deg, #13051f, #233671); background-image: linear-gradient(-45deg, #13051f, #233671); } .nav-xs { height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .nav .logo, .nav-xs .logo { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 38px; -moz-background-size: 220.8px 38px; background-size: 220.8px 38px; background-image: url('../../img/logo.png'); background-repeat: no-repeat; } .c-menu { position: fixed; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; visibility: visible; width: 60px; z-index: 1001; cursor: pointer; height: 60px; z-index: 999999; top: 0; right: 15px; } .c-menu.active { background-color: #272d34; left: auto; margin: 0; position: fixed; right: 0; top: 0; } .c-menu::before, .c-menu span { -moz-background-clip: content-box; background-clip: content-box; background-color: #fff; content: ""; display: block; height: 3px; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; width: 24px; left: 18px; top: 50%; } .c-menu.active:before { background-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-menu.active span { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-menu span::before { padding: 0 3px; opacity: 1; top: -7px; -moz-background-clip: content-box; background-clip: content-box; background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; width: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-menu span::after { -moz-background-clip: content-box; background-clip: content-box; background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; width: 24px; opacity: 1; top: 7px; padding: 0 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-menu.active span:before, .c-menu.active span:after { display: none; } .c-menu-mask { position: fixed; background-color: #000; opacity: 1; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; display: none; } .c-menu-mask.show { display: block; } .c-menu-mask .inner { background-color: #272d34; bottom: 0; font-weight: 400; overflow: auto; padding: 20px 30px 20px 10px; position: absolute; text-align: left; top: 0; left: 0; right: 30px; -webkit-transition: all 0.3s ease-out 0.1s; -moz-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s; word-wrap: break-word; } .c-menu-mask .inner > div { font-weight: 500; color: #fff; line-height: 1.5em; padding: 10px 15px 10px 20px; } .c-menu-mask .inner > div.c-son { padding-left: 44px; background-color: #444; } .c-menu-mask .inner > div a { color: #fff; } .c-menu-mask .inner > div.active a { color: #43b5e4; } .c-menu-mask .inner > div.active span { position: relative; } .c-menu-mask .inner > div.active span::before { display: block; border: 1px solid #e8e8e8; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; bottom: -6px; content: ""; left: -20px; position: absolute; right: -20px; top: -5px; border-color: rgba(255, 255, 255, 0.2); } .nav .logo span { color: #c69c6d; } .nav .button-bar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .nav .button-bar > div { margin-right: 20px; } .nav .button-bar > div span > a { color: #fff; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .nav .button-bar > div.active span > a, .nav .button-bar > div:hover span > a { color: #43b5e4; } .nav .button-bar > div span { position: relative; cursor: pointer; } .nav .button-bar > div span .c-arrow { display: inline-block; vertical-align: middle; width: 14px; height: 14px; background-image: url(../../img/arrowunder.png); -moz-background-size: 100% 100%; background-size: 100% 100%; margin-left: 3px; } .nav .button-bar > div:hover span .c-arrow { background-image: url(../../img/arrowon.png); } .nav .button-bar > div.active span:before { display: block; } .nav .button-bar > div span:before { border: 1px solid #e8e8e8; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; bottom: -6px; content: ""; display: none; position: absolute; top: -5px; border-color: rgba(255, 255, 255, 0.2); } .nav .button-bar > div:hover span .c-select { display: block; } .nav .button-bar > div span .c-select { background-color: #fff; padding: 5px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 30px; right: -150px; display: none; width: 220px; } .nav .button-bar > div span .c-select::before { content: ""; display: block; position: absolute; width: 0; height: 0; top: -5px; left: 10px; border-style: solid; border-color: transparent transparent #fff transparent; border-width: 0 5px 5px 5px; } .nav .button-bar > div span .c-select a { color: #333; display: block; line-height: 30px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .nav .button-bar > div span .c-select a.active, .nav .button-bar > div span .c-select a:hover { color: #43b5e4; } .c-footer { background-color: #272d34; font-size: 12px; font-weight: 700; line-height: 1.5em; text-transform: uppercase; border-color: #fff; color: #fff; text-align: center; padding: 28px 0; } .c-footer a { color: #fff; } .com-footer { padding: 100px 0; } .com-footer .container { font-size: 0; } .com-footer .c-item { display: inline-block; vertical-align: top; padding: 0 30px; margin: 0 0 40px 0; } .com-footer .c-item .c-t { height: 45px; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 1em; color: #272d34; } .com-footer .c-item .c-logo { height: 38px; -moz-background-size: 220.8px 38px; background-size: 220.8px 38px; background-image: url('../../img/logo-dark.png'); background-repeat: no-repeat; position: relative; top: -5px; } .com-footer .c-item .c-title { font-size: 14px; color: #999; font-weight: 400; line-height: 1.7; display: block; } .com-footer .c-item .c-link { margin-top: 20px; } [class*='socicon-']:before { font-family: "socicon"; font-size: 16px; line-height: 1; } .com-footer .c-item .social-icon.border-icon { border: 2px solid rgba(39, 45, 52, 0.2); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 4px; margin-top: 4px; padding: 10px; } .com-footer .c-item .social-icon.border-icon:before { line-height: 16px; } .com-footer .c-item .cs .social-icon.border-icon:not(.color-icon):not(:hover) { border-color: #fff; } .com-footer .c-item .social-icon.bg-icon { background-color: #f6f6f6; border: 2px solid #f6f6f6; color: #999; margin-bottom: 4px; padding: 10px; margin-left: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 0; letter-spacing: 0; line-height: 0; text-align: center; } .com-footer .c-item .social-icon.bg-icon:first-child { margin-left: 0; } .com-footer .c-item .social-icon.bg-icon:not(:hover) { border-color: #f6f6f6; } .com-footer .c-item .social-icon.bg-icon:before { line-height: 16px; } .com-footer .c-h { color: #b62d65; font-size: 12px; font-weight: 700; line-height: 1.7; text-transform: uppercase; display: block; } .com-footer .c-links { color: #999; position: relative; font-size: 14px; padding: 6px 0; border-bottom: 1px solid #e8e8e8; } .com-footer .c-links.c-f { border-top: 1px solid #e8e8e8; } .com-footer .c-links a { padding: 6px 0 6px 17px; } .com-footer .c-links a:before { background-color: #b62d65; content: ""; font-size: 5px; left: 0; position: absolute; top: 12px; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* ============================================== slideDown ============================================== */ .slideDown { -moz-animation-name: slideDown; animation-name: slideDown; -webkit-animation-name: slideDown; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible; } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); transform: translateY(-100%); } 50% { -moz-transform: translateY(8%); transform: translateY(8%); } 65% { -moz-transform: translateY(-4%); transform: translateY(-4%); } 80% { -moz-transform: translateY(4%); transform: translateY(4%); } 95% { -moz-transform: translateY(-2%); transform: translateY(-2%); } 100% { -moz-transform: translateY(0%); transform: translateY(0%); } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); -moz-transform: translateY(8%); transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); -moz-transform: translateY(-4%); transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); -moz-transform: translateY(4%); transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); -moz-transform: translateY(-2%); transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideUp ============================================== */ .slideUp { -moz-animation-name: slideUp; animation-name: slideUp; -webkit-animation-name: slideUp; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible; } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(100%); transform: translateY(100%); } 50% { -moz-transform: translateY(-8%); transform: translateY(-8%); } 65% { -moz-transform: translateY(4%); transform: translateY(4%); } 80% { -moz-transform: translateY(-4%); transform: translateY(-4%); } 95% { -moz-transform: translateY(2%); transform: translateY(2%); } 100% { -moz-transform: translateY(0%); transform: translateY(0%); } } @keyframes slideUp { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } 50% { -webkit-transform: translateY(-8%); -moz-transform: translateY(-8%); transform: translateY(-8%); } 65% { -webkit-transform: translateY(4%); -moz-transform: translateY(4%); transform: translateY(4%); } 80% { -webkit-transform: translateY(-4%); -moz-transform: translateY(-4%); transform: translateY(-4%); } 95% { -webkit-transform: translateY(2%); -moz-transform: translateY(2%); transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50% { -webkit-transform: translateY(-8%); } 65% { -webkit-transform: translateY(4%); } 80% { -webkit-transform: translateY(-4%); } 95% { -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideLeft ============================================== */ .slideLeft { -moz-animation-name: slideLeft; animation-name: slideLeft; -webkit-animation-name: slideLeft; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible; } @-moz-keyframes slideLeft { 0% { -moz-transform: translateX(150%); transform: translateX(150%); } 50% { -moz-transform: translateX(-8%); transform: translateX(-8%); } 65% { -moz-transform: translateX(4%); transform: translateX(4%); } 80% { -moz-transform: translateX(-4%); transform: translateX(-4%); } 95% { -moz-transform: translateX(2%); transform: translateX(2%); } 100% { -moz-transform: translateX(0%); transform: translateX(0%); } } @keyframes slideLeft { 0% { -webkit-transform: translateX(150%); -moz-transform: translateX(150%); transform: translateX(150%); } 50% { -webkit-transform: translateX(-8%); -moz-transform: translateX(-8%); transform: translateX(-8%); } 65% { -webkit-transform: translateX(4%); -moz-transform: translateX(4%); transform: translateX(4%); } 80% { -webkit-transform: translateX(-4%); -moz-transform: translateX(-4%); transform: translateX(-4%); } 95% { -webkit-transform: translateX(2%); -moz-transform: translateX(2%); transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50% { -webkit-transform: translateX(-8%); } 65% { -webkit-transform: translateX(4%); } 80% { -webkit-transform: translateX(-4%); } 95% { -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideRight ============================================== */ .slideRight { -moz-animation-name: slideRight; animation-name: slideRight; -webkit-animation-name: slideRight; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible; } @-moz-keyframes slideRight { 0% { -moz-transform: translateX(-150%); transform: translateX(-150%); } 50% { -moz-transform: translateX(8%); transform: translateX(8%); } 65% { -moz-transform: translateX(-4%); transform: translateX(-4%); } 80% { -moz-transform: translateX(4%); transform: translateX(4%); } 95% { -moz-transform: translateX(-2%); transform: translateX(-2%); } 100% { -moz-transform: translateX(0%); transform: translateX(0%); } } @keyframes slideRight { 0% { -webkit-transform: translateX(-150%); -moz-transform: translateX(-150%); transform: translateX(-150%); } 50% { -webkit-transform: translateX(8%); -moz-transform: translateX(8%); transform: translateX(8%); } 65% { -webkit-transform: translateX(-4%); -moz-transform: translateX(-4%); transform: translateX(-4%); } 80% { -webkit-transform: translateX(4%); -moz-transform: translateX(4%); transform: translateX(4%); } 95% { -webkit-transform: translateX(-2%); -moz-transform: translateX(-2%); transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50% { -webkit-transform: translateX(8%); } 65% { -webkit-transform: translateX(-4%); } 80% { -webkit-transform: translateX(4%); } 95% { -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideExpandUp ============================================== */ .slideExpandUp { -moz-animation-name: slideExpandUp; animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; -moz-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible; } @-moz-keyframes slideExpandUp { 0% { -moz-transform: translateY(100%) scaleX(0.5); transform: translateY(100%) scaleX(0.5); } 30% { -moz-transform: translateY(-8%) scaleX(0.5); transform: translateY(-8%) scaleX(0.5); } 40% { -moz-transform: translateY(2%) scaleX(0.5); transform: translateY(2%) scaleX(0.5); } 50% { -moz-transform: translateY(0%) scaleX(1.1); transform: translateY(0%) scaleX(1.1); } 60% { -moz-transform: translateY(0%) scaleX(0.9); transform: translateY(0%) scaleX(0.9); } 70% { -moz-transform: translateY(0%) scaleX(1.05); transform: translateY(0%) scaleX(1.05); } 80% { -moz-transform: translateY(0%) scaleX(0.95); transform: translateY(0%) scaleX(0.95); } 90% { -moz-transform: translateY(0%) scaleX(1.02); transform: translateY(0%) scaleX(1.02); } 100% { -moz-transform: translateY(0%) scaleX(1); transform: translateY(0%) scaleX(1); } } @keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); -moz-transform: translateY(100%) scaleX(0.5); transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); -moz-transform: translateY(-8%) scaleX(0.5); transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); -moz-transform: translateY(2%) scaleX(0.5); transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); -moz-transform: translateY(0%) scaleX(1.1); transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); -moz-transform: translateY(0%) scaleX(0.9); transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); -moz-transform: translateY(0%) scaleX(1.05); transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); -moz-transform: translateY(0%) scaleX(0.95); transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); -moz-transform: translateY(0%) scaleX(1.02); transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); -moz-transform: translateY(0%) scaleX(1); transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); } } /* ============================================== expandUp ============================================== */ .expandUp { -moz-animation-name: expandUp; animation-name: expandUp; -webkit-animation-name: expandUp; -moz-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible; } @-moz-keyframes expandUp { 0% { -moz-transform: translateY(100%) scale(0.6) scaleY(0.5); transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -moz-transform: translateY(-7%) scaleY(1.12); transform: translateY(-7%) scaleY(1.12); } 75% { -moz-transform: translateY(3%); transform: translateY(3%); } 100% { -moz-transform: translateY(0%) scale(1) scaleY(1); transform: translateY(0%) scale(1) scaleY(1); } } @keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); -moz-transform: translateY(100%) scale(0.6) scaleY(0.5); transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); -moz-transform: translateY(-7%) scaleY(1.12); transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); -moz-transform: translateY(3%); transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); -moz-transform: translateY(0%) scale(1) scaleY(1); transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } /* ============================================== fadeIn ============================================== */ .fadeIn { -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible; } @-moz-keyframes fadeIn { 0% { -moz-transform: scale(0); transform: scale(0); opacity: 0.0; } 60% { -moz-transform: scale(1.1); transform: scale(1.1); } 80% { -moz-transform: scale(0.9); transform: scale(0.9); opacity: 1; } 100% { -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes fadeIn { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } /* ============================================== expandOpen ============================================== */ .expandOpen { -moz-animation-name: expandOpen; animation-name: expandOpen; -webkit-animation-name: expandOpen; -moz-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; } @-moz-keyframes expandOpen { 0% { -moz-transform: scale(1.8); transform: scale(1.8); } 50% { -moz-transform: scale(0.95); transform: scale(0.95); } 80% { -moz-transform: scale(1.05); transform: scale(1.05); } 90% { -moz-transform: scale(0.98); transform: scale(0.98); } 100% { -moz-transform: scale(1); transform: scale(1); } } @keyframes expandOpen { 0% { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); transform: scale(0.98); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } /* ============================================== bigEntrance ============================================== */ .bigEntrance { -moz-animation-name: bigEntrance; animation-name: bigEntrance; -webkit-animation-name: bigEntrance; -moz-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; } @-moz-keyframes bigEntrance { 0% { -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } /* ============================================== hatch ============================================== */ .hatch { -moz-animation-name: hatch; animation-name: hatch; -webkit-animation-name: hatch; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: 2s; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible; } @-moz-keyframes hatch { 0% { -moz-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); } 20% { -moz-transform: rotate(-2deg) scaleY(1.05); transform: rotate(-2deg) scaleY(1.05); } 35% { -moz-transform: rotate(2deg) scaleY(1); transform: rotate(2deg) scaleY(1); } 50% { -moz-transform: rotate(-2deg); transform: rotate(-2deg); } 65% { -moz-transform: rotate(1deg); transform: rotate(1deg); } 80% { -moz-transform: rotate(-1deg); transform: rotate(-1deg); } 100% { -moz-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); -moz-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); -moz-transform: rotate(-2deg) scaleY(1.05); transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); -moz-transform: rotate(2deg) scaleY(1); transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } /* ============================================== bounce ============================================== */ .bounce { -moz-animation-name: bounce; animation-name: bounce; -webkit-animation-name: bounce; -moz-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @-moz-keyframes bounce { 0% { -moz-transform: translateY(0%) scaleY(0.6); transform: translateY(0%) scaleY(0.6); } 60% { -moz-transform: translateY(-100%) scaleY(1.1); transform: translateY(-100%) scaleY(1.1); } 70% { -moz-transform: translateY(0%) scaleY(0.95) scaleX(1.05); transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -moz-transform: translateY(0%) scaleY(1.05) scaleX(1); transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -moz-transform: translateY(0%) scaleY(0.95) scaleX(1); transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -moz-transform: translateY(0%) scaleY(1) scaleX(1); transform: translateY(0%) scaleY(1) scaleX(1); } } @keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); -moz-transform: translateY(0%) scaleY(0.6); transform: translateY(0%) scaleY(0.6); } 60% { -webkit-transform: translateY(-100%) scaleY(1.1); -moz-transform: translateY(-100%) scaleY(1.1); transform: translateY(-100%) scaleY(1.1); } 70% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); -moz-transform: translateY(0%) scaleY(0.95) scaleX(1.05); transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); -moz-transform: translateY(0%) scaleY(1.05) scaleX(1); transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); -moz-transform: translateY(0%) scaleY(0.95) scaleX(1); transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1); -moz-transform: translateY(0%) scaleY(1) scaleX(1); transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60% { -webkit-transform: translateY(-100%) scaleY(1.1); } 70% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } /* ============================================== pulse ============================================== */ .pulse { -moz-animation-name: pulse; animation-name: pulse; -webkit-animation-name: pulse; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-moz-keyframes pulse { 0% { -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.7; } 50% { -moz-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.7; } } @keyframes pulse { 0% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } /* ============================================== floating ============================================== */ .floating { -moz-animation-name: floating; animation-name: floating; -webkit-animation-name: floating; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-moz-keyframes floating { 0% { -moz-transform: translateY(0%); transform: translateY(0%); } 50% { -moz-transform: translateY(8%); transform: translateY(8%); } 100% { -moz-transform: translateY(0%); transform: translateY(0%); } } @keyframes floating { 0% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); -moz-transform: translateY(8%); transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== tossing ============================================== */ .tossing { -moz-animation-name: tossing; animation-name: tossing; -webkit-animation-name: tossing; -moz-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-moz-keyframes tossing { 0% { -moz-transform: rotate(-4deg); transform: rotate(-4deg); } 50% { -moz-transform: rotate(4deg); transform: rotate(4deg); } 100% { -moz-transform: rotate(-4deg); transform: rotate(-4deg); } } @keyframes tossing { 0% { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } /* ============================================== pullUp ============================================== */ .pullUp { -moz-animation-name: pullUp; animation-name: pullUp; -webkit-animation-name: pullUp; -moz-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @-moz-keyframes pullUp { 0% { -moz-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -moz-transform: scaleY(1.02); transform: scaleY(1.02); } 60% { -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -moz-transform: scaleY(1); transform: scaleY(1); } } @keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); -moz-transform: scaleY(1.02); transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== pullDown ============================================== */ .pullDown { -moz-animation-name: pullDown; animation-name: pullDown; -webkit-animation-name: pullDown; -moz-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @-moz-keyframes pullDown { 0% { -moz-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -moz-transform: scaleY(1.02); transform: scaleY(1.02); } 60% { -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -moz-transform: scaleY(1); transform: scaleY(1); } } @keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); -moz-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); -moz-transform: scaleY(1.02); transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); -moz-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); -moz-transform: scaleY(1.01); transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* ============================================== stretchLeft ============================================== */ .stretchLeft { -moz-animation-name: stretchLeft; animation-name: stretchLeft; -webkit-animation-name: stretchLeft; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-transform-origin: 100% 0%; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @-moz-keyframes stretchLeft { 0% { -moz-transform: scaleX(0.3); transform: scaleX(0.3); } 40% { -moz-transform: scaleX(1.02); transform: scaleX(1.02); } 60% { -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -moz-transform: scaleX(1); transform: scaleX(1); } } @keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); -moz-transform: scaleX(0.3); transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); -moz-transform: scaleX(1.02); transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } /* ============================================== stretchRight ============================================== */ .stretchRight { -moz-animation-name: stretchRight; animation-name: stretchRight; -webkit-animation-name: stretchRight; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @-moz-keyframes stretchRight { 0% { -moz-transform: scaleX(0.3); transform: scaleX(0.3); } 40% { -moz-transform: scaleX(1.02); transform: scaleX(1.02); } 60% { -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -moz-transform: scaleX(1); transform: scaleX(1); } } @keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); -moz-transform: scaleX(0.3); transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); -moz-transform: scaleX(1.02); transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); -moz-transform: scaleX(0.98); transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); -moz-transform: scaleX(1.01); transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .animated.hinge { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { -moz-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft { from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } .moveFromLeft { -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; animation: moveFromLeft 400ms ease; } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @keyframes moveFromRight { from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } } .moveFromRight { -webkit-animation: moveFromRight 400ms ease; -moz-animation: moveFromRight 400ms ease; animation: moveFromRight 400ms ease; } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @keyframes moveFromBottom { from { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } .moveFromBottom { -webkit-animation: moveFromBottom 400ms ease; -moz-animation: moveFromBottom 400ms ease; animation: moveFromBottom 400ms ease; } @-webkit-keyframes scaleDisappear { 0% { opacity: 1; -webkit-transform: scale(1); } 60% { opacity: 0; -webkit-transform: scale(1.3); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes scaleDisappear { 0% { opacity: 1; -moz-transform: scale(1); } 60% { opacity: 0; -moz-transform: scale(1.3); } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes scaleDisappear { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 60% { opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } .scaleDisappear { -webkit-animation: scaleDisappear 350ms ease-in-out; -moz-animation: scaleDisappear 350ms ease-in-out; animation: scaleDisappear 350ms ease-in-out; } @-webkit-keyframes scaleAppear { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes scaleAppear { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes scaleAppear { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } .scaleAppear { -webkit-animation: scaleAppear 750ms ease; -moz-animation: scaleAppear 750ms ease; animation: scaleAppear 750ms ease; } /* Animation example, for spinners */ .animate-spin { -moz-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .com-a { background-image: -webkit-linear-gradient(135deg, #13051f, #233671); background-image: -moz- oldlinear-gradient(135deg, #13051f, #233671); background-image: linear-gradient(-45deg, #13051f, #233671); background-color: #272d34; } .com-a .inner { height: 600px; } .com-a .container { height: 100%; position: relative; background-repeat: no-repeat; -moz-background-size: 55%; background-size: 55%; } .com-a .c-v { font-size: 0; height: 100%; } .com-a .c-v > * { display: inline-block; vertical-align: middle; } .com-a .c-v i { height: 100%; } .com-a .c-info-box { display: none; max-width: 610px; color: #fff; } .com-a .c-info-box.show { display: inline-block; } .com-a .c-info-box .c-title-a { font-size: 60px; } .com-a .c-info-box .c-title-a .c-b { font-weight: bold; } .com-a .c-info-box .c-title-a .c-sm { font-weight: 200; } .com-a .c-info-box .c-title-b { font-size: 20px; font-weight: 400; line-height: 1.5em; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; } .com-a .c-info-box.show .c-title-a, .com-a .c-info-box.show .c-title-b { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } .com-a .c-button-box { margin: 50px 20px -10px -15px; font-size: 20px; font-weight: 400; line-height: 1.5em; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } .com-a .c-button-box a { margin: 0 10px 15px; vertical-align: top; background-color: #fff; background-image: none; border-color: #fff; color: #272d34; display: inline-block; -moz-background-clip: border-box; background-clip: border-box; min-width: 170px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1; padding: 22px 30px; position: relative; text-align: center; text-transform: uppercase; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; border: solid 2px; } .com-a .c-button-box a:last-child { -o-border-image: linear-gradient(45deg, #facb67, #ec709c); -webkit-border-image: -webkit-linear-gradient(45deg, #facb67, #ec709c); border-image-slice: 1; background-color: transparent; color: #fff; } .com-a .c-slide-box { position: absolute; bottom: 30px; left: 0; right: 0; font-size: 0; text-align: center; } .com-a .c-slide-box .c-item { display: inline-block; margin-left: 16px; -moz-background-clip: content-box; background-clip: content-box; border: 2px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; height: 10px; width: 10px; vertical-align: top; border-color: #fff; } .com-a .c-slide-box .c-item:first-child { margin-left: 0; } .com-a .c-slide-box .c-item.active { background-color: #fff; } .com-b { font-size: 0; color: #fff; } .com-b .c-item { display: inline-block; vertical-align: top; background-position: 50% 0; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; overflow: hidden; position: relative; } .com-b .c-item::before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.8; } .com-b .c-item.bg-a { background-image: url(../../img/banner1.jpg); } .com-b .c-item.bg-a::before { background-image: -webkit-linear-gradient(315deg, #19519e, #1dd5e6); background-image: -moz- oldlinear-gradient(315deg, #19519e, #1dd5e6); background-image: linear-gradient(135deg, #19519e, #1dd5e6); } .com-b .c-item.bg-b { background-image: url(../../img/banner2.jpg); } .com-b .c-item.bg-b::before { background-image: -webkit-linear-gradient(315deg, #4344c3, #cc6ac4); background-image: -moz- oldlinear-gradient(315deg, #4344c3, #cc6ac4); background-image: linear-gradient(135deg, #4344c3, #cc6ac4); } .com-b .c-item.bg-c { background-image: url(../../img/banner3.jpg); } .com-b .c-item.bg-c::before { background-image: -webkit-linear-gradient(315deg, #e16a4f, #f3ca5c); background-image: -moz- oldlinear-gradient(315deg, #e16a4f, #f3ca5c); background-image: linear-gradient(135deg, #e16a4f, #f3ca5c); } .com-b .c-title-a { font-weight: 800; line-height: 1.333em; position: relative; } .com-b .c-title-b { line-height: 1.333em; font-weight: 200; margin-bottom: 19.2px; } .com-b .c-line { height: 2px; width: 30px; background-color: #fff; } .com-b .c-title-box { padding-top: 55px; font-size: 0; font-weight: 700; } .com-b .c-title-box > div { display: inline-block; vertical-align: top; margin-right: 12px; } .com-b .c-title-box > div:last-child { margin-right: 0; } .com-b .c-title-box i { line-height: 0; position: relative; top: -0.075em; padding-left: 5px; } .com-b .c-title-box > div > * { display: inline-block; vertical-align: middle; } .com-b .c-title-box > div > a { color: #fff; } .com-b .c-item > div { position: relative; z-index: 1; } .com-c, .com-e { padding: 110px 0; background: -webkit-gradient(linear, left top, left bottom, from(#1e0b56), to(#0e0529)); background: -webkit-linear-gradient(#1e0b56, #0e0529); background: -moz- oldlinear-gradient(#1e0b56, #0e0529); background: linear-gradient(#1e0b56, #0e0529); position: relative; text-align: center; color: #fff; } .com-c .container, .com-e .container { position: relative; } .com-c .container > .c-title, .com-e .container > .c-title { font-size: 30px; font-weight: 600; line-height: 1.25; } .com-c .container > .c-sub-title, .com-e .container > .c-sub-title { font-size: 18px; line-height: 25px; font-weight: 400; color: #0536e1; max-width: 580px; margin: 13px auto 60px auto; padding-top: 10px; } .com-c .back-title, .com-e .back-title { color: #0536e1; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 700; text-transform: uppercase; opacity: 0.1; line-height: 23px; } .com-c .c-box { font-size: 0; } .com-c .c-item { display: inline-block; color: #fff; } .com-c .c-item img { height: 100px; display: block; margin: 0 auto 25px auto; } .com-c .c-item .c-title { font-weight: 600; font-size: 20px; margin-bottom: 13px; } .com-c .c-item .c-title-a { font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 16px; padding: 0 15px; } .com-d { position: relative; padding: 100px 0; -moz-background-size: cover; background-size: cover; background-color: #fff; color: #999; background-image: url(../../img/services.jpg); text-align: center; } .com-d .container { font-size: 0; } .com-d .c-item { display: inline-block; vertical-align: top; padding: 15px 0 50px 0; } .com-d .iconfont { height: 50px; font-size: 40px; color: #0536e1; text-align: center; } .com-d .c-title { color: #272d34; font-size: 20px; line-height: 20px; margin: 24px 0 16px 0; } .com-d .c-title-a { font-size: 16px; font-weight: 400; line-height: 24px; color: #999; overflow-wrap: break-word; } .com-e .container .c-box { font-size: 0; } .com-e .container .c-box > div { display: inline-block; vertical-align: middle; } .com-e .container .c-box .c-r img { display: block; width: 100%; } .com-e .container .c-box .c-l { padding: 0 15px; color: #fff; } .com-e .container .c-box .c-l .c-title-a { font-size: 27px; line-height: 27px; margin-bottom: 16px; font-weight: 500; text-align: left; } .com-e .container .c-box .c-l .c-title-b { font-size: 18px; line-height: 27px; font-weight: 300; margin-bottom: 16px; text-align: left; } .com-e .container .c-box .c-l .inner { margin: 24px 0 48px 0; padding-left: 32px; } .com-e .container .c-box .c-l .c-item { position: relative; margin-top: 10px; font-size: 13px; line-height: 23px; padding-left: 25px; text-transform: uppercase; text-align: left; } .com-e .container .c-box .c-l .c-item:before { position: absolute; top: 12px; height: 1px; width: 20px; left: -15px; content: ''; z-index: 1; background-color: #0536e1; } .com-e .container .c-box .c-l .c-btn-box { text-align: left; } .com-e .container .c-box .c-l .c-btn { background-color: #0536e1; font-size: 13px; font-weight: 500; letter-spacing: 1px; line-height: 1; padding: 14px 28px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); will-change: transform; color: #fff; display: inline-block; } .com-e .container .c-box .c-l .c-btn:hover { -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); border-color: #0062cc; } .com-e .c-box { margin-top: 160px; } .com-f { padding: 100px 0 20px 0; } .com-f .container { font-size: 0; } .com-f .c-item { display: inline-block; vertical-align: top; text-align: center; margin-bottom: 48px; } .com-f .c-item .iconfont { font-size: 56px; } .com-f .c-item .icon-qun { color: #00d2fc; } .com-f .c-item .icon-chucun { color: #0075fe; } .com-f .c-item .icon-111 { color: #0536e1; } .com-f .c-item .icon-icon_yingyongguanli { color: #7b5eea; } .com-f .c-item .c-title { font-size: 50px; margin: 22px 0 20px; color: #272d34; font-weight: 800; line-height: 66x; } .com-f .c-item .c-title-a { font-size: 14px; letter-spacing: 0.1em; line-height: 24px; } .com-g { padding: 120px 0 70px 0; position: relative; text-align: center; color: #fff; } .com-g .container { position: relative; } .com-g .container > .c-title { font-size: 30px; font-weight: 600; line-height: 1.25; color: #16334e; margin-bottom: 35px; } .com-g .container > .c-sub-title { font-size: 18px; line-height: 25px; font-weight: 400; color: #505050; max-width: 600px; margin: 0 auto; } .com-g .container > .c-title-a { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #aaaaaa; margin-bottom: 10px; } .com-g .back-title { color: #0536e1; position: absolute; z-index: 1; top: 0px; left: 0; width: 100%; text-align: center; font-weight: 700; text-transform: uppercase; opacity: 0.1; line-height: 23px; } .com-g .c-box { font-size: 0; margin-top: 60px; } .com-g .c-box .c-item { display: inline-block; vertical-align: top; padding: 0 15px; margin-bottom: 48px; } .com-g .c-box .c-item .c-img { width: 170px; height: 180px; margin: 0 auto 25px auto; -moz-background-size: 170px 180px; background-size: 170px 180px; } .com-g .c-box .c-item .c-img.img-a { background-image: url(../../img/process-icon-1.png); } .com-g .c-box .c-item .c-img.img-b { background-image: url(../../img/process-icon-2.png); } .com-g .c-box .c-item .c-img.img-c { background-image: url(../../img/process-icon-3.png); } .com-g .c-box .c-item .c-img.img-d { background-image: url(../../img/process-icon-4.png); } .com-g .c-box .c-item .c-title { text-align: center; color: #2a5074; } .com-g .c-icon { position: relative; } .com-g .c-icon:before { position: absolute; content: url(../../img/arrow.png); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -20px; margin-top: -15px; } .com-h { padding: 100px 0 80px 0; background-color: #0e0529; } .com-h .c-title { color: #ffffff; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 53px; line-height: 1.25; } .com-h .c-box { font-size: 0; text-align: center; } .com-h .c-item { display: inline-block; vertical-align: top; margin: 0 20px 50px 20px; } .com-h .c-item img { display: block; height: 68px; }