.container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 768.98px) {
    .container {
        padding-left: 1em;
        padding-right: 1em
    }
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/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: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.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: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto
}

.container-fluid {
    margin-right: auto;
    margin-left: auto
}

.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5em;
    margin-left: -0.5em
}

.row.reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.col-xs-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.col-xs-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.col-xs-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.col-xs-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.col-xs-6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.col-xs-8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.col-xs-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.col-xs-11 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-1-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-2-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%
}

.col-xs-4-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.col-xs-5-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-6-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%
}

.col-xs-7-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%
}

.col-xs-8-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%
}

.col-xs-9-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%
}

.col-xs-10-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {
    .container {
        width: 46rem
    }
    .col-sm {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .col-sm-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-sm-1-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }
    .col-sm-2-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    .col-sm-3-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }
    .col-sm-4-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%
    }
    .col-sm-5-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-sm-6-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%
    }
    .col-sm-7-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%
    }
    .col-sm-8-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%
    }
    .col-sm-9-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%
    }
    .col-sm-10-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-sm {
        -webkit-box-flex: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }
    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }
    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }
    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
    .around-sm {
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 62em) {
    .container {
        width: 61rem
    }
    .col-md {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .col-md-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-md-1-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }
    .col-md-2-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    .col-md-3-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }
    .col-md-4-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%
    }
    .col-md-5-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-md-6-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%
    }
    .col-md-7-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%
    }
    .col-md-8-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%
    }
    .col-md-9-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%
    }
    .col-md-10-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-md {
        -webkit-box-flex: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }
    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }
    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }
    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
    .around-md {
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 71.25rem
    }
    .col-lg {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .col-lg-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-lg-1-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }
    .col-lg-2-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    .col-lg-3-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }
    .col-lg-4-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%
    }
    .col-lg-5-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-lg-6-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%
    }
    .col-lg-7-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%
    }
    .col-lg-8-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%
    }
    .col-lg-9-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        max-width: 90%
    }
    .col-lg-10-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-lg {
        -webkit-box-flex: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }
    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }
    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }
    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
    .around-lg {
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@font-face {
    font-family: "icomoon";
    src: url("../font/icomoon.eot?c8dax6");
    src: url("../font/icomoon.eot?c8dax6#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?c8dax6") format("truetype"), url("../font/icomoon.woff?c8dax6") format("woff"), url("../font/icomoon.svg?c8dax6#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-email:before {
    content: "\e900"
}

.icon-fax:before {
    content: "\e901"
}

.icon-search:before {
    content: "\e902"
}

.icon-phone:before {
    content: "\e903"
}

.icon-time:before {
    content: "\e904"
}

.icon-messenger:before {
    content: "\e905"
}

.icon-angle-down:before {
    content: "\e906"
}

.icon-angle-up:before {
    content: "\e907"
}

.icon-angle-right:before {
    content: "\e908"
}

.icon-angle-left:before {
    content: "\e909"
}

.icon-angle-double-right:before {
    content: "\e90a"
}

.icon-angle-double-left:before {
    content: "\e90b"
}

.icon-location:before {
    content: "\e947"
}

.icon-comments:before {
    content: "\e970"
}

.icon-graph:before {
    content: "\e99c"
}

.icon-play:before {
    content: "\ea15"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-youtube:before {
    content: "\ea9d"
}

.navigation {
    width: 100%;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-family: inherit;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navigation * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.navigation-portrait {
    height: 48px;
    max-height: 48px;
    overflow: hidden
}

.navigation-fixed-wrapper {
    width: 100%;
    left: 0;
    z-index: 19998;
    will-change: opacity
}

.navigation-fixed-wrapper.fixed {
    position: fixed !important;
    -webkit-animation: fade 0.5s;
    animation: fade 0.5s
}

@-webkit-keyframes fade {
    from {
        opacity: 0.999
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0.999
    }
    to {
        opacity: 1
    }
}

.navigation-fixed-wrapper .navigation {
    margin-right: auto;
    margin-left: auto
}

.navigation-fixed-placeholder {
    width: 100%;
    display: none
}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
    display: block
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: -9999px
}

.align-to-right {
    float: right
}

.nav-header {
    float: left
}

.navigation-hidden .nav-header {
    display: none
}

.nav-brand {
    line-height: 70px;
    padding: 0 15px;
    color: #333;
    font-size: 24px;
    text-decoration: none !important
}

.nav-brand:hover,
.nav-brand:focus {
    color: #333
}

.navigation-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px
}

.nav-logo {
    display: block
}

.nav-logo:focus>img {
    outline: initial
}

.navigation-portrait .nav-logo>img {
    float: left;
    height: 34px;
    max-height: 34px;
    overflow: hidden;
    margin: 6px auto 6px 0;
    padding: 0
}

.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0;
    display: none;
    cursor: pointer
}

.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #333;
    border-radius: 10px;
    -webkit-box-shadow: 0 0.5em 0 0 #333, 0 1em 0 0 #333;
    box-shadow: 0 0.5em 0 0 #333, 0 1em 0 0 #333
}

.navigation-portrait .nav-toggle {
    display: block
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0
}

.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #333;
    font-size: 26px;
    cursor: pointer
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: block
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0
}

.navigation-portrait .nav-menu {
    width: 100%
}

.nav-menu.nav-menu-centered {
    text-align: center
}

.nav-menu.nav-menu-centered>li {
    float: none
}

.nav-menu>li {
    display: inline-block;
    text-align: left
}

.navigation-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0
}

.navigation-portrait .nav-menu>li:last-child {
    border-bottom: solid 1px #f0f0f0
}

.nav-menu+.nav-menu>li:first-child {
    border-top: none
}

.nav-menu>li>a {
    height: 70px;
    padding: 26px 15px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s
}

.navigation-portrait .nav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px
}

.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
    color: #1e73be
}

.nav-menu>li>a>i,
.nav-menu>li>a>[class*="ion-"] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.nav-menu>li>a>[class*="ion-"] {
    width: 16px;
    display: inline-block;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center
}

.nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important
}

.navigation-portrait .nav-menu.nav-menu-social>li {
    width: auto
}

.nav-menu.nav-menu-social>li>a>[class*="ion-"] {
    font-size: 12px
}

.nav-menu.nav-menu-social>li>a>.fa {
    font-size: 14px
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px
}

.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #ffbf9e #ffbf9e transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border 0.3s;
    transition: border 0.3s
}

.navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px
}

.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {
    border-color: transparent #1e73be #1e73be transparent
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999
}

.no-scroll {
    -ms-touch-action: none;
    touch-action: none;
    overflow-x: hidden
}

.nav-search {
    height: 43px;
    float: right;
    z-index: 19998
}

.navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 24px
}

.navigation-hidden .nav-search {
    display: none
}

.nav-search-button {
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    cursor: pointer
}

.navigation-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px
}

.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #333;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.nav-search-icon:after,
.nav-search-icon:before {
    content: "";
    pointer-events: none
}

.nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav-search-button:hover .nav-search-icon {
    color: #1e73be
}

.nav-search>form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
    border-bottom: 1px solid #1e73be
}

.nav-search-inner {
    width: 70%;
    height: 43px;
    margin: auto;
    display: table;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.navigation-portrait .nav-search-inner {
    height: 48px
}

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] {
    height: 43px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #333;
    outline: none;
    line-height: 43px;
    border: none;
    background-color: transparent;
    font-size: 0.9rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] {
    font-family: Roboto Condensed, sans-serif;
    height: 48px;
    font-size: 22px;
    line-height: 48px
}

.nav-search-close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 10px;
    left: auto;
    bottom: 0px;
    z-index: 100;
    background: transparent;
    cursor: pointer;
    font-size: 28px;
}

.navigation-portrait .nav-search-close-button {
    top: 10px;
    right: 14px
}

.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    background-color: #967adc;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.nav-button:hover,
.nav-button:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.85
}

.navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px
}

.nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #ffbf9e
}

.navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0
}

.navigation-portrait .nav-text+ul {
    margin-top: 15px
}

.nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0
}

.nav-dropdown .nav-dropdown {
    left: 100%
}

.nav-menu>li>.nav-dropdown {
    border-top: solid 1px #f0f0f0
}

.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left
}

.nav-dropdown>li>a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    color: #4b4b4d;
    background-color: #fdfdfd;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s
}

.nav-dropdown>li:hover>a,
.nav-dropdown>li.focus>a {
    background-color: #333;
    color: #1e73be
}

.nav-dropdown.nav-dropdown-left {
    right: 0
}

.nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%
}

.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right
}

.navigation-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 30px
}

.navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 50px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px
}

.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 16px;
    position: absolute
}

.navigation-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
    border-color: transparent #1e73be #1e73be transparent
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none
}

.nav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static
}

.navigation-portrait .nav-dropdown-horizontal>li {
    width: 100%
}

.nav-dropdown-horizontal>li>a {
    position: relative
}

.nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.navigation {
    background-color: transparent;
    height: initial
}

.navigation .nav-menu>li {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.navigation .nav-menu>li.active {
    background-color: #1e73be
}

.navigation .nav-menu>li.active>a {
    color: #fff
}

.navigation .nav-menu>li:hover:not(.active) {
    background-color: #1e73be
}

.navigation .nav-menu>li:hover:not(.active)>a {
    color: #fff
}

.navigation .nav-menu>li>a {
    height: initial;
    color: #333;
    padding: 20px 13px;
    cursor: pointer;
    font-family: "Roboto Condensed";
    font-weight: bold
}

@media (max-width: 66em) {
    .navigation .nav-menu>li>a {
        padding: 14px 11px;
        font-size: 13px
    }
}

@media (max-width: 56em) {
    .navigation .nav-menu>li {
        margin: 0
    }
    .navigation .nav-menu>li::before,
    .navigation .nav-menu>li::after {
        display: none
    }
    .navigation .nav-menu>li>a {
        color: #4b4b4d
    }
}

.forecast {
    padding: 1rem 0 0 0
}

.forecast__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #2980b9;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.forecast__city {
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0 0 15px
}

.forecast__daily {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(65% / 4);
    flex: 1 1 calc(65% / 4);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768.98px) {
    .forecast__daily {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
}

@media (max-width: 600px) {
    .forecast__daily {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.forecast__daily:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    background-color: rgba(0, 0, 0, 0.4)
}

@media (max-width: 768.98px) {
    .forecast__daily:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.forecast__daily:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.2)
}

.forecast__daily:nth-child(3) {
    background-color: rgba(0, 0, 0, 0.3)
}

.forecast__daily:nth-child(4) {
    background-color: rgba(0, 0, 0, 0.4)
}

.forecast__daily:nth-child(5) {
    background-color: rgba(0, 0, 0, 0.5)
}

.forecast__daily-date {
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px
}

.forecast__daily-date--split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.forecast__daily-icon {
    text-align: center;
    padding: 10px 0 5px;
    opacity: 0.7
}

.forecast__daily-temp {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.forecast__daily-temp span {
    color: #fff;
    display: inline-block;
    padding: 0 5px
}

.forecast__daily-temp span:nth-child(1) {
    font-size: 24px;
    line-height: 30px
}

.forecast__daily-temp span:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 32px;
    line-height: 40px
}

.forecast__today {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.forecast__today-temp span:nth-child(1) {
    font-size: 4em
}

.forecast__today-temp span:nth-child(2) {
    font-size: 1.2em
}

.forecast__today-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    font-size: 0.9em;
    font-weight: 300
}

.forecast__today-desc>div:first-child {
    text-align: left
}

.forecast__today-desc>div:last-child {
    text-align: right
}

.responsice-table {
    width: 100%;
    overflow-x: scroll;
    overflow-y: auto
}

.currency-table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #bdc3c7;
    border-spacing: 0
}

.currency-table th,
.currency-table td {
    border: 1px solid #bdc3c7;
    font-weight: 300;
    font-size: 0.9em;
    padding: 10px
}

.currency-table th {
    background-color: #ecf0f1
}

.currency-table th.bank-select {
    padding: 0
}

.currency-table tbody>tr {
    background: #fff
}

.currency-table tbody>tr:nth-child(even) {
    background: #fafafa
}

.currency-table tbody>tr>td:nth-child(2) {
    text-align: center
}

.currency-table tbody>tr>td:nth-child(n+3) {
    text-align: right
}

.currency-table tbody>tr>td:nth-child(n+3)::after {
    content: "₮";
    font-size: 0.8em;
    font-family: "Times New Roman", Times, serif;
    color: rgba(0, 0, 0, 0.6)
}

.currency-table tbody.hide-rate {
    display: none
}

.currency-table tbody.show-rate {
    display: table-row-group
}

.currency-table .banks {
    padding: 10px;
    width: 100%;
    border: 0;
    font-family: "Roboto" !important;
    font-size: 0.9rem;
    background-color: #ecf0f1
}

.currency-table .banks>option {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: Arial !important
}

.currency-table .currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.currency-table .currency div {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3)
}

.currency-table .currency span {
    margin-left: 10px
}

@media (max-width: 48em) {
    .currency-table .currency span {
        display: none
    }
}

.cactus-not-on-top .top-header-menu {
    position: fixed;
    z-index: 999;
    top: -70px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-box-shadow: 0 10px 30px -1px rgba(0, 0, 0, 0.21);
    box-shadow: 0 10px 30px -1px rgba(0, 0, 0, 0.21)
}

.top-header-menu {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e7;
}

header .submenu-bg {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e7;
}

header .submenu-bg .submenu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .submenu-bg .submenu-wrap .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .submenu-bg .submenu-wrap .sub-menu #trend-news {
    padding: 0;
    margin: 0;
    height: 22px;
    overflow: hidden
}

header .submenu-bg .submenu-wrap .sub-menu #trend-news li {
    list-style: none
}

header .submenu-bg .submenu-wrap .sub-menu #trend-news li a {
    text-decoration: none;
    font-size: 14px;
    color: #3d4a3e;
    padding-left: 1rem;
    color: #1e73be;
    line-height: 20px;
    display: block
}

@media (max-width: 62em) {
    header .submenu-bg .submenu-wrap .sub-menu {
        display: none
    }
}

header .submenu-bg .submenu-wrap .daily-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.6rem 0
}

@media (max-width: 62em) {
    header .submenu-bg .submenu-wrap .daily-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

header .submenu-bg .submenu-wrap .daily-content>div {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
    color: #333;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 0.9rem
}

header .submenu-bg .submenu-wrap .daily-content>div strong {
    color: #1e73be;
    display: inline-block
}

@media (max-width: 62em) {
    header .submenu-bg .submenu-wrap .daily-content>div {
        margin: 0 auto
    }
}

header .submenu-bg .submenu-wrap .daily-content>div a {
    font-weight: normal;
    text-decoration: none;
    display: block;
    color: #333;
    line-height: 1.4rem
}

header .submenu-bg .submenu-wrap .daily-content>div a strong {
    color: #1e73be;
    display: inline-block
}

header .submenu-bg .submenu-wrap .daily-content>div a:hover {
    color: #1e73be;
    cursor: pointer
}

.list-item {
    display: block;
    text-decoration: none;
    margin-bottom: 1rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #f4f4f4), color-stop(17%, rgba(255, 255, 255, 0.22)));
    background: linear-gradient(0deg, #f4f4f4 7%, rgba(255, 255, 255, 0.22) 17%);
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.list-item__bg {
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
    background-color: #000
}

.list-item__bg .embed-responsive {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
    overflow: hidden
}

.list-item__bg:hover .embed-responsive {
    background-color: #000;
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.8
}

.list-item .img-wrap {
    overflow: hidden;
    vertical-align: top;
    background-color: #4b4b4d;
    position: relative
}

.list-item .img-wrap img {
    width: 100%;
    vertical-align: top;
    opacity: 1;
    cursor: pointer
}

.list-item h2,
.list-item h3 {
    color: #000;
    margin: 0;
    font-weight: 500;
    font-family: "Roboto";
    padding: 1rem
}

@media screen and (max-width: 48.9em) {
    .list-item h2,
    .list-item h3 {
        font-size: 1rem
    }
}

.list-item h2 {
    font-size: 20px;
    line-height: 24px
}

.list-item:hover h2,
.list-item:hover h3 {
    color: #1e73be
}

.list-item:hover img {
    opacity: 0.8
}

.category-news {
    display: block;
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #f4f4f4), color-stop(17%, rgba(255, 255, 255, 0.22)));
    background: linear-gradient(0deg, #f4f4f4 7%, rgba(255, 255, 255, 0.22) 17%)
}

.category-news h2,
.category-news h3,
.category-news h4 {
    color: #000;
    font-weight: 400;
    font-family: "Roboto";
    margin: 0;
    padding: 1rem
}

@media only screen and (max-width: 48em) {
    .category-news {
        margin-bottom: 1em
    }
}

.category-news .image {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.category-news .image img {
    max-width: 100%;
    vertical-align: top;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s
}

.category-news .image .time {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 0.4em 0.8em;
    color: #4b4b4d;
    font-size: 0.8em;
    border-top-right-radius: 5px
}

.category-news .image .play {
    position: absolute;
    top: 10px;
    right: 10px
}

.category-news p {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666
}

.category-news:hover h2,
.category-news:hover h3,
.category-news:hover h4 {
    color: #1e73be
}

.category-news:hover .image img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.8
}

.category-news.large {
    border-right: 1px solid #e6e6e7;
    padding-right: 1em
}

@media only screen and (max-width: 48em) {
    .category-news.large {
        padding-right: 0;
        border-right: 0;
        margin-bottom: 2em
    }
}

.category-news.small {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 1em;
    padding-bottom: 1em
}

.category-news.thumb .title {
    background-color: #212a39;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.category-news.thumb .title span {
    text-align: right;
    margin-top: 10px;
    font-size: 14px
}

.category-news.thumb:hover .title {
    background-color: #1e73be
}

@media only screen and (max-width: 48em) {
    .category-news-big {
        padding: 1em;
        margin: 2em 0;
        border-top: 10px solid #e9e9e9;
        border-bottom: 10px solid #e9e9e9
    }
    .category-news-big div {
        border-right: 0 !important;
        border-left: 0 !important
    }
}

.reounded-news {
    border-radius: 7px;
    display: block;
    overflow: hidden;
    height: 100%;
    display: block;
    background: #000;
    position: relative
}

.reounded-news .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s
}

.reounded-news .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 95%);
    border-radius: 0px 0px 7px 7px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-family: "Roboto";
    padding: 10px
}

.reounded-news .title .time {
    display: inline-block;
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px
}

.reounded-news .title .time:hover {
    color: #fff;
}

.reounded-news:hover .img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.9
}

.publisher-news {
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: 100%;
    margin-bottom: 20px
}

.publisher-news__wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%
}

.publisher-news__wrapper::before,
.publisher-news__wrapper::after {
    content: "";
    position: absolute;
    height: 48px;
    width: 4px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1e73be), color-stop(50%, #4b4b4d));
    background: linear-gradient(0deg, #1e73be 50%, #4b4b4d 50%)
}

.publisher-news__wrapper::before {
    top: 30px;
    right: 0
}

.publisher-news__wrapper::after {
    bottom: 30px;
    left: 0
}

.publisher-news__content {
    font-family: "Roboto";
    color: #000;
    line-height: 22px;
    text-decoration: none;
    display: block;
    padding: 20px;
    position: relative;
    font-size: 16px
}

.publisher-news__content:hover {
    color: #1e73be
}

.publisher-news__content::before {
    position: absolute;
    font-family: "Arial";
    top: -15px;
    content: "\201C";
    font-size: 150px;
    line-height: 150px;
    color: #e6e6e7
}

.publisher-news__content span {
    text-indent: 55px;
    display: block
}

.publisher-news__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    text-decoration: none
}

.publisher-news__header::before {
    content: "";
    height: 130px;
    width: 90px;
    background-color: #1e73be;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transform: translate(-30%, -30%) rotate(45deg);
    transform: translate(-30%, -30%) rotate(45deg)
}

.publisher-news__header .avatar {
    border: 2px solid #fff;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58px;
    flex: 0 0 58px
}

.publisher-news__header .avatar img {
    width: 100%
}

.publisher-news__header .name {
    color: #838286;
    font-size: 12px;
    padding-left: 10px
}

.publisher-news__header .name span {
    color: #1e73be;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%
}

.video-news {
    margin: 30px 0;
    padding: 20px 0;
    background: #4b4b4d;
    background: -webkit-gradient(linear, left bottom, right top, from(#4b4b4d), to(#606060));
    background: linear-gradient(to top right, #4b4b4d, #606060)
}

.video-news .title {
    color: #1e73be;
    font-weight: bold;
    font-family: "Roboto";
    font-size: 24px;
    text-transform: uppercase;
    padding: 20px 0
}

.video-news .title span {
    color: #fff;
    font-weight: normal
}

.video-news .desc {
    color: #fff;
    padding: 15px 0;
    line-height: 130%;
    font-size: 14px
}

.video-news .category-news {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #111), color-stop(17%, rgba(0, 0, 0, 0.22)));
    background: linear-gradient(0deg, #111 7%, rgba(0, 0, 0, 0.22) 17%)
}

.video-news .category-news h4 {
    color: #fff
}

.video-news .big-video {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    background-color: #000;
    overflow: hidden;
    border-radius: 5px
}

.video-news .big-video__image {
    width: 100%;
    overflow: hidden
}

.video-news .big-video__image img {
    vertical-align: top;
    width: 100%;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s
}

.video-news .big-video .play {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 40px;
    width: 40px
}

.video-news .big-video__title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 16px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), #000);
    width: 100%;
    padding: 1rem
}

.video-news .big-video__title h4 {
    padding: 0;
    margin: 0 0 0.6rem 0
}

.video-news .big-video__title .time {
    font-size: 14px
}

.video-news .big-video:hover h4 {
    color: #1e73be
}

.video-news .big-video:hover img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.8
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: #4b4b4d;
    border-bottom: 2px solid #e6e6e7
}

.author__image {
    background-color: #000;
    overflow: hidden
}

.author__image img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s
}

.author:hover img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.8
}

.author__content {
    margin-top: 0.7rem
}

.author__content .title {
    color: #1e73be
}

.author__content .sup {
    font-size: 14px;
    color: #838286
}

.author__content .tool {
    margin-top: 0.4rem;
    font-size: 14px;
    border-top: 1px dotted #e6e6e7;
    padding: 0.5rem 0
}

.author__content .tool div {
    padding: 3px 0
}

.author__content .tool span {
    color: #838286
}

.author__content .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0.7rem;
    border-top: 1px dotted #e6e6e7;
    padding-top: 0.7rem
}

.author__content .contact a {
    display: block;
    text-decoration: none;
    color: #4b4b4d;
    padding: 2px 0;
    font-size: 14px
}

.author__content .contact a i {
    margin-right: 0.5rem
}

.author__content .contact a:hover {
    color: #1e73be
}

.panel-wrap {
    margin: 20px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1)
}

.panel-heading {
    position: relative;
    padding: 15px 0;
    background-color: #fff;
    opacity: 0.8;
    background-image: radial-gradient(#a6a6a6 0.45px, #fff 0.45px);
    background-size: 9px 9px
}

.panel-heading a {
    font-family: "Roboto";
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 20px
}

.panel-heading::after {
    position: absolute;
    top: -1px;
    left: 0;
    content: "";
    height: 4px;
    width: 180px;
    background-color: #1e73be
}

.panel-heading:hover a {
    color: #1e73be
}

.panel-content {
    margin-bottom: 20px;
    padding-top: 20px
}

@media only screen and (max-width: 56em) {
    .news-area {
        padding: 0.5em
    }
}

.news-area h1 {
    line-height: 1.1
}

@media only screen and (max-width: 56em) {
    .news-area h1 {
        font-size: 1.3em
    }
}

.news-area__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-area__body {
    text-align: justify;
    margin: 0 70px;
    line-height: 1.5;
    font-size: 0.9em;
    font-weight: 300;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

@media only screen and (max-width: 56em) {
    .news-area__body {
        margin: 0
    }
}

.news-area__body .img-fit {
    margin-bottom: 10px
}

.news-area__body img {
    max-width: 100%;
    margin: 0 auto
}

.news-area__body strong,
.news-area__body b {
    font-weight: 700;
    color: #1e73be
}

.news-area__body em {
    color: #444
}

.news-area__body twitter {
    background-color: #ddeeff;
    color: #000;
    line-height: 1em
}

.news-area__body .blockcontainer {
    background-color: #e6e6e7;
    border-radius: 7px;
    padding: 1em
}

.news-area__body blockquote {
    border-left: 3px solid #1e73be;
    color: #1a1a1a;
    font-style: italic;
    margin: 1.1em 0;
    padding: 1em 2em;
    position: relative;
    -webkit-transition: 0.2s border ease-in-out;
    transition: 0.2s border ease-in-out;
    z-index: 0
}

.news-area__body blockquote:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    height: 2em;
    background-color: #fff;
    width: 5px;
    margin-top: -1em
}

.news-area__body blockquote:after {
    content: "\201D";
    position: absolute;
    top: 40%;
    line-height: 1em;
    left: -0.15em;
    color: #1e73be;
    font-family: "Arial";
    font-style: normal;
    text-align: center;
    text-indent: -2px;
    font-size: 4em;
    -webkit-transition: 0.2s all ease-in-out, 0.4s -webkit-transform ease-in-out;
    transition: 0.2s all ease-in-out, 0.4s -webkit-transform ease-in-out;
    transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
    transition: 0.2s all ease-in-out, 0.4s transform ease-in-out, 0.4s -webkit-transform ease-in-out
}

.news-area__body blockquote.format:before,
.news-area__body blockquote.format:after {
    display: none
}

.news-area__body blockquote.book:after {
    content: "\f12e"
}

.news-area__body blockquote.podcast:after {
    content: "\f32d"
}

.news-area__body blockquote.lyrics:after {
    content: "\f333"
}

.news-area__body blockquote.favorite:after {
    content: "\f384"
}

.news-area__body blockquote:active:after {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.news-area__body blockquote cite {
    display: block;
    font-size: 0.75em;
    line-height: 1.8em;
    margin-top: 1em
}

@media (max-width: 767px) {
    .news-area__body blockquote {
        border-top: 2px solid #1e73be;
        border-bottom: 2px solid #1e73be;
        border-left: none;
        margin: 1.5em 0;
        padding: 1.5em 1em
    }
    .news-area__body blockquote:before {
        left: 45%;
        top: 0;
        height: 4px;
        margin-top: -3px;
        margin-left: -1em;
        width: 3em
    }
    .news-area__body blockquote:after {
        left: 50%;
        top: 0;
        margin-top: -0.2em;
        margin-left: -0.3em
    }
}

.publish {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publish__avatar {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.publish__name {
    text-transform: uppercase;
    font-family: "Roboto Condensed"
}

.publish__time {
    font-size: 0.8em
}

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.zoom-img {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

.zoom-overlay {
    z-index: 420;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.zoom-overlay-open {
    cursor: default
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1
}

.zoom-overlay-transitioning {
    cursor: default
}

.additional-images img {
    vertical-align: top;
    margin-bottom: 15px
}

.mb-0 {
    margin-bottom: 0
}

.news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e7;
    padding-bottom: 20px;
    padding-top: 20px
}

@media screen and (max-width: 62em) {
    .news-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        margin-bottom: 1rem
    }
}

.news-list:nth-last-child() {
    border-bottom: 0;
    padding-bottom: 0
}

.news-list__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    margin-right: 10px;
    position: relative;
    overflow: hidden
}

.news-list__image img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 62em) {
    .news-list__image {
        margin: 0 0 0.6rem 0
    }
}

.news-list:hover img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 1
}

.news-list:hover .news-list__title {
    color: #1e73be
}

.news-list__content {
    margin-right: 10px
}

.news-list__title {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #4b4b4d;
    font-weight: 500;
    font-size: 1rem;
    font-family: "Roboto"
}

.news-list__title:hover {
    color: #1e73be
}

@media (max-width: 768.98px) {
    .news-list__title {
        font-size: 1rem
    }
}

.news-list__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8em;
    color: #666;
    font-weight: 300
}

.news-list__time i {
    margin-right: 3px
}

.news-list__desc {
    margin-top: 10px;
    color: rgba(75, 75, 77, 0.8);
    font-size: 0.9em
}

@media (max-width: 768.98px) {
    .news-list__desc {
        display: none
    }
}

.comment-area {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 50px
}

@media only screen and (max-width: 56em) {
    .comment-area {
        padding: 1em 0;
        margin: 0
    }
}

.comment-area blockquote {
    padding-bottom: 1rem;
    margin: 0;
    font-size: 12px;
    color: #666
}

.comment-area__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    padding: 0.5em;
    background-color: #e6e6e7
}

.comment-area__form .comment-description {
    border: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    font-weight: 300;
    padding: 5px 9px;
    font-size: 0.9em;
    resize: vertical
}

.comment-area__form .save-comment {
    background-color: #1e73be;
    border: 0;
    color: #fff;
    font-size: 0.8em;
    font-family: "Roboto";
    text-transform: uppercase;
    padding: 7px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 2px solid #1e73be;
    margin-left: 0.5rem;
    cursor: pointer
}

.comment-area__form .save-comment:hover {
    background-color: #1e73be;
    color: #1e73be
}

.comment-area__form--reply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.comment-area__form--reply .comment-description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    resize: none;
    margin: 0;
    min-height: 28px;
    height: 28px;
    font-size: 0.9em;
    padding: 7px
}

.comment-area__form--reply .comment-description:focus,
.comment-area__form--reply .comment-description:focus-visible {
    border: 1px solid #1e73be;
    border-radius: 0;
    outline: 1px
}

.comment-area__form--reply .save-comment {
    margin-top: 0;
    border: 0
}

.comments {
    font-size: 0.8rem;
    margin-top: 20px
}

.comments__list {
    padding-top: 15px;
    position: relative
}

.comments__list.level-0::before,
.comments__list.level-1::before,
.comments__list.level-2::before {
    content: "";
    top: 55px;
    left: 15px;
    height: calc(100% - 55px);
    width: 2px;
    background-color: #e6e6e7;
    position: absolute
}

@media only screen and (max-width: 56em) {
    .comments__list.level-0::before,
    .comments__list.level-1::before,
    .comments__list.level-2::before {
        top: 44px;
        left: 10px
    }
}

.comments__list.level-1::after,
.comments__list.level-2::after,
.comments__list.level-3::after {
    position: absolute;
    top: 32px;
    left: -20px;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #e6e6e7
}

@media only screen and (max-width: 56em) {
    .comments__list.level-1::after,
    .comments__list.level-2::after,
    .comments__list.level-3::after {
        top: 26px;
        left: -16px;
        width: 14px
    }
}

.comments__list:last-child {
    padding-bottom: 0
}

.comments__list-avatar {
    float: left;
    margin-right: 7px;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    height: 34px;
    width: 34px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC8VBMVEUAAACMjJH/bSJxh5crRlb///8xR1T/////ZRhDQ0UwMDP///9wcHN6en1sbG8/P0EzMzX8ZhuBgYVMTE6DhIh1dXjwaSbyaiZra25HR0nwaSdOTlD+/v5tbW9lZWjvaSfKysuDg4fvaSeDg4fvaSfvaSfvaSfvaSd1dXlBQUM+PkGDg4g3Nzm+dVP+bCJ+foLkazHZ2dlISEm8YDPWZC3z8/NcXF7Hx8enemeYmJmfWjpMTE7vaSfvaSdMTE6Dg4fzaiXvaSeCgoZMTE7waSayZkU3SFNDQ0U7Oz2Hh4tSUlSEVkBESk9YWFpRUVNKSkz4+Pjv7/BQUFN7VEOxXTZpaWuQWD2goKF9VUK9vb2reWSDg4fwaSbvaSeDg4eDg4dMTE6Eg4fvaSdMTE6EhIiDg4dMTE7vaSfX19jvaSeWlpf3aiV+hIx6en1JS01xcXVfX2FaTkrlZyndbTd3hpJQTk7R0dGqqquIiImEhIdYWFuOgH1UVFa/dVKrXTeQkJFhYWOyeF1LS03NcUXvaSdMTE7vaSfvaSdKSkxMTE5MTE5MTE7vaSeDg4fvaSfvaSdMTE7vaSfvaSfvaSeDg4dOTlB4kaNNTU/Ec07Dc032ZyF6hpBhUEnAYDKGjpc0Slfr6+tUVFfDf2BBTlZgUElyU0VeT0rT09S1tbaXfnXh4eKvr7BjY2WTk5TeaS9Zc4T2ZyGCb2lMTE7vaSesXTf7Zhx0U0STf3mDg4eDg4dMTE6NjZE0SFP/ZBWDg4f2aiVMTE6Dg4dMTE6Dg4f////vaSdKS07taSdOTlBISEpDQ0T/biBHR0mKio+Hh4tKSkwzMzXxaSZFRUeNjZKCgoY7SVItLTB0h5QxR1ROTE01NTcrKy34aiT/bCKJiY3/ZBZ7hY41SFNFS1D7Zhx+hItEREZBQUPzaSX8bCOJVz89PT87Oz04ODr2aCHZ2dqZmZs+SVD/ah2HjZSKgYFlb3eZfnRRUVRrUkesXTjdbTfxaSfzbJ3oAAAAwnRSTlMA/vz+/Pv69f34/vjx7/7++vr19fTxbiAO/Pj08vHx8e3RsKyomYJX/Pv7+vr5+Pb19PT09PLy8PDv7ebhwnReQDo4NRcG/vz69/f39fTz8/Ly8vLy8fHw7uzq59nSyb2ZlJGOaUMlDf799/f19fX09PT08/Ly8fHx8PDv7+/v7u7s7OrPx8a+uqaifHVyZ2BTSDMtJBv++/n49/X19fT08/Py8vLy8fDw8O/v7+7u6+fb2dTJrZ6QiISEXFpMS0Y/HW93nT0AAAUtSURBVFjDlZZlQBNhGMdvG7ixgU7GEGlRREUUGwQRxe7u7u7u7u7u7u7c7YVtjG2CTN1AUARUwO5P3ntc7m5s/L7cp///nnqf90Xs4pOwJW74kHXrhgxfvyXBByklCXFrYlQMYlauf+K8emfcShUP1+6Ncko+aohCZY+1CQ7lPsNVJbLWQRQPYlQOUMSVpL/VSuWYNTvtySvceJPohIE2pjm/Pr5++pdXKifQlb3Pp3+c+fsl1DtG/wsdwdU3S/7jonISt7KCppz8a4GZ6c4a6BqmoCPZ+paxyY1dXjlroPWrbQh/yjKokuE7FQbgbA6TBWglpj4sKblHGZXz6AIFKHqX1o8OyheefFMKg9R5r1EU3UEZhILM+h3elsJA387TgKKDqA4AkLzINgNtgaWc3bk0LvOAIYwkKwieCbvbZGCp0VPZ0WQxangNEitWS0FRso4tAMgIsumBNGCWv3/XMz3lUq2Gz0CPG6DFh6IqgCVghqsxBYjVEHEjZU1owY3AHTeojEBiMYN66UyD1BpH1ATiYHe5ya5BOFy22wBWw8asGlo8igMgogg0F2j4DdCmMANo0ItlYB4nUzMQn/ezpmo4NSBzaAINPrxkGXxWs3BtsLimSWPbBUj/ltgUYgbC9kyDRNNstQ2y4IZUEPQc4H1oBgA2Bu2ZY2Cs2VfNQRwtt2hYk0gUYTOAEbBS0LYJVnNxDe5kptrUEQYAuYPVkFMDbY3Taj4aBEg1jNNIVDEUcLqgLVdHzYt/w0J6HxQzGDsI+By0YhmMUfPTSG4kNxJhMAgJgQaZB5mTqNd9smPQpV0euRMJKhEGcB04YeDfsRyegbuANsBTyPA9kO5MCnXa6OEPunkZKANYRGKSHBdRNhE/V9UD01CSwVgbIXCnMto4i18fbUqEASjgFFFt3AQg76cp3rIHiUsDD7NeAwPomfacMhiKxAPIP2H3lyWPsqxRJyveqVRYAYoRSAtfaJCUXI/OIVE+m9vAOfJCDe7upiQDIJbaCgDJGH+CniXpZ9uT1PeoFQsfkrdEgNJ4YStpGIBgVxN9OVvHubKOUR2ltJA8BQvawgToJiDIVkCEcIo60qa5Yoa868XqZnK953b2THmO0myEF3MQIKtAjrNO4U8vo94Kq05DHuO6HowCkLdbKMDJF3anLnhptIz4e+9O1o/UHsnF9Aw1ebltBzhJmdMmpRMOekvvLq6usnPRfuaPjDu5M0NPLWV8rVJJENOkSTVNmbNYWZcpN+Z18xSw9f3J5xGAwNXY2IU61QUmkyWXedm4LWlL1o+eIoLVRAgZwj7QgQdt9ZnuAsNzTgDU/U44vK/F66DN6xzolYZCPZNHCEVVpsNb9mPLmNva70Jtzu/hQWQwkHbo5UK9V41ava71pHkBnoLXKIe5Pqxn4lhA1WHR8cNuOozWbnV3L5gSMLFtmgHlYvtQ3ApIh/yvl65e/lEWw11Z2yuF83N6iNl4Uw5JX4XHDu36JhAIUgycf9OLhMMGQFkUZUVG7Rdlo/bIzsb13BjoIHIk06O8RC/e8ajfvRB9v43wEjaWtngmkUQuPDtBJMp+xxRni0QTfkZ4I3bYdh3QFiAna9/0hVHzw2eIRC8gItGM8PlREX+vPETsMwwwyc/JKu8buXxPxNJ+/fotjdi7PNJXknWzBVIS8asAhE6lKEeSJSkPwb45RQPCEEeErQAcnkGwbyyevWOLEMBLk80tESep4B0SyxYHrd6wHSkVo5ttGlalycABAwauCgn1jrdbuf+pe5XDtdvqYQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width: 56em) {
    .comments__list-avatar {
        height: 24px;
        width: 24px
    }
}

.comments__list-body {
    overflow: hidden;
    border-bottom: 1px dotted #e6e6e7;
    padding-bottom: 10px
}

.comments__list-body--text {
    margin: 5px 0;
    padding: 0;
    line-height: 1.3em;
    font-size: 14px
}

.comments__list-body--tool {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments__list-body--tool .cvote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments__list-body--tool .cvote div {
    padding: 0 5px
}

@media only screen and (max-width: 56em) {
    .comments__list-body--tool:last-child {
        border-right: 0
    }
}

.comments__list-body--tool>div {
    padding: 0 10px;
    border-right: 1px solid #e6e6e7
}

@media only screen and (max-width: 56em) {
    .comments__list-body--tool>div {
        padding: 0 7px
    }
}

.comments__list-body--tool>div:first-child {
    padding-left: 0
}

.comments__list-body--tool>div:nth-child(3),
.comments__list-body--tool>div:last-child {
    border-right: 0
}

.comments__list-body--tool .upVote,
.comments__list-body--tool .downVote {
    cursor: pointer;
    font-weight: bold
}

.comments__list-body--tool .upVote::before,
.comments__list-body--tool .downVote::before {
    font-family: "icomoon" !important;
    margin-right: 3px
}

@media only screen and (max-width: 56em) {
    .comments__list-body--tool .upVote::before,
    .comments__list-body--tool .downVote::before {
        margin-right: 1px
    }
}

.comments__list-body--tool .upVote:hover,
.comments__list-body--tool .downVote:hover {
    color: #1e73be
}

.comments__list-body--tool .upVote {
    color: green
}

.comments__list-body--tool .upVote::before {
    content: "\e907"
}

.comments__list-body--tool .downVote {
    color: red
}

.comments__list-body--tool .downVote::before {
    content: "\e906"
}

.comments__list-body .comment-reply {
    color: #838286;
    display: block;
    text-decoration: none;
    font-family: "Roboto"
}

.comments__list-body .comment-reply:hover {
    color: #1e73be;
    border-color: #1e73be
}

.comments__list-children {
    margin-left: 37px
}

@media only screen and (max-width: 56em) {
    .comments__list-children {
        margin-left: 27px
    }
}

footer {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8em;
    background-color: #333333
}

footer .footer-menu {
    padding-top: 1.3em;
    padding-bottom: 1em
}

footer .footer-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

footer .footer-menu nav a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    padding-right: 15px
}

footer .footer-menu nav a:last-child {
    padding-right: 0
}

footer .footer-menu nav a:hover {
    text-decoration: underline;
    color: #1e73be
}

footer .fcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2em 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 56em) {
    footer .fcontent {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

footer .fcontent .flogo {
    margin-right: 3em
}

footer .fcontent .flogo a {
    display: block
}

@media screen and (max-width: 56em) {
    footer .fcontent .flogo {
        margin-bottom: 1em
    }
}

footer .fcontent .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .fcontent .phone div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.3em 0
}

@media screen and (max-width: 56em) {
    footer .fcontent .phone div {
        padding: 0.3em
    }
}

@media screen and (max-width: 56em) {
    footer .fcontent .phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

footer .fcontent .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.3em
}

footer .fcontent i {
    color: #1e73be;
    font-size: 1.3em;
    padding-right: 0.5em
}

footer .copyright {
    padding: 0.4em 0;
    text-align: right
}

@media screen and (max-width: 56em) {
    footer .copyright {
        text-align: center
    }
}

footer .border-top-color {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 62em) {
    .footer-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1em
    }
}

.footer-content__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-content__social a {
    font-family: "Roboto Condensed";
    padding: 0.7em 0.9em;
    display: inline-block;
    text-decoration: none;
    margin: 0 0.5em;
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.footer-content__social a:hover.facebook {
    color: #4267b2;
    border: 1px solid #4267b2
}

.footer-content__social a:hover.youtube {
    color: #ff0000;
    border: 1px solid #ff0000
}

.footer-content__social a:hover.twitter {
    color: #1da1f2;
    border: 1px solid #1da1f2
}

.footer-content__social a i {
    font-size: 1.2em
}

.pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1e73be;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none
}

.page-link:hover {
    z-index: 2;
    color: #1e73be;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1e73be;
    border-color: #1e73be
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem
}

.contact-form input,
.contact-form textarea,
.contact-form button {
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 10px;
    padding: 7px;
    resize: vertical;
    font-family: "Roboto";
    font-size: 0.9em
}

.contact-form button:hover {
    background-color: #1e73be;
    color: #fff;
    cursor: pointer;
    border-color: #e62
}

.alert-success {
    border: 1px solid #1e73be;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 0.8em;
    color: #1e73be
}

.embed-responsive {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 62em) {
    .embed-responsive {
        background-color: transparent
    }
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.embed-responsive.embed-responsive-1by1 {
    padding-bottom: 100%
}

.embed-responsive.embed-responsive-2by1 {
    padding-bottom: 50%
}

.embed-responsive.embed-responsive-1by2 {
    padding-bottom: 125%
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    border: 0
}

.last-news {
    border-bottom: 1px solid #e6e6e7;
    border-top: 1px solid #e6e6e7;
    padding-top: 15px;
}

.last-news .title {
    font-family: "Roboto";
    text-transform: uppercase;
    color: #1e73be;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    padding: 15px 0;
    background-color: #fff;
    padding-left: 15px
}

.last-news .title::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #1e73be
}

.last-news .ln-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: 0px;
    height: 600px
}

.small-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e7;
    border-bottom-style: dashed;
    padding-bottom: 15px;
    padding-top: 15px;
    text-decoration: none;
    color: #000;
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px
}

.small-list-item .img-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    height: 90px;
    width: 90px;
    margin-right: 10px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 5px;
    background-color: transparent;
    overflow: hidden
}

.small-list-item div {
    color: #000
}

.small-list-item div span {
    display: inline-block;
    width: 100%
}

.small-list-item div .time {
    color: #999;
    font-size: 0.9em;
    margin-top: 10px
}

.small-list-item div .sup {
    color: #1e73be;
    font-weight: bold;
    font-family: "Roboto Condensed";
    text-transform: uppercase
}

.small-list-item:hover div {
    color: #1e73be
}

.small-list-item:hover .img-wrap img {
    opacity: 1
}

.zarig-icon {
    background-image: url("/images/www/favicon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    width: 22px;
    height: 22px
}

.forecast {
    padding: 1rem 0 0 0
}

.forecast__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #2980b9;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.forecast__city {
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0 0 15px
}

.forecast__daily {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(65% / 4);
    flex: 1 1 calc(65% / 4);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768.98px) {
    .forecast__daily {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
}

@media (max-width: 600px) {
    .forecast__daily {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.forecast__daily:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    background-color: rgba(0, 0, 0, 0.4)
}

@media (max-width: 768.98px) {
    .forecast__daily:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.forecast__daily:nth-child(2) {
    background-color: rgba(0, 0, 0, 0.2)
}

.forecast__daily:nth-child(3) {
    background-color: rgba(0, 0, 0, 0.3)
}

.forecast__daily:nth-child(4) {
    background-color: rgba(0, 0, 0, 0.4)
}

.forecast__daily:nth-child(5) {
    background-color: rgba(0, 0, 0, 0.5)
}

.forecast__daily-date {
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px
}

.forecast__daily-date--split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.forecast__daily-icon {
    text-align: center;
    padding: 10px 0 5px;
    opacity: 0.7
}

.forecast__daily-temp {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.forecast__daily-temp span {
    color: #fff;
    display: inline-block;
    padding: 0 5px
}

.forecast__daily-temp span:nth-child(1) {
    font-size: 24px;
    line-height: 30px
}

.forecast__daily-temp span:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 32px;
    line-height: 40px
}

.forecast__today {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.forecast__today-temp span:nth-child(1) {
    font-size: 4em
}

.forecast__today-temp span:nth-child(2) {
    font-size: 1.2em
}

.forecast__today-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    font-size: 0.9em;
    font-weight: 300
}

.forecast__today-desc>div:first-child {
    text-align: left
}

.forecast__today-desc>div:last-child {
    text-align: right
}

.reaction-info {
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase
}

@media (max-width: 62em) {
    .reaction-info {
        font-size: 1.4rem
    }
}

.reaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reaction__item {
    margin: 0 1rem;
    text-align: center;
    cursor: pointer;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 62em) {
    .reaction__item {
        margin: 0 0.4rem
    }
}

.reaction__item .progress {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0.5rem;
    background-color: #f5f5f5;
    border-radius: 3px
}

.reaction__item .progress .percent-wrap {
    width: 100%
}

.reaction__item .progress .percent-wrap .percent {
    border-radius: 3px;
    overflow: hidden;
    background-color: #dbe1ea;
    width: 100%
}

.reaction__item .progress .percent-wrap .count {
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reaction__item .img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
    width: 46px
}

@media (max-width: 62em) {
    .reaction__item .img {
        width: 32px
    }
}

.reaction__item .img img {
    width: 100%
}

.reaction__item:hover .img {
    transform: scale3d(1.6, 1.6, 1);
    -webkit-transform: scale3d(1.6, 1.6, 1);
    -moz-transform: scale3d(1.6, 1.6, 1) rotate(0.02deg)
}

.reaction__item:hover .img img {
    -webkit-filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.5))
}

.animate {
    -webkit-animation: bounce 0.5s;
    animation: bounce 0.5s
}

@-webkit-keyframes bounce {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounce {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.border {
    border: 1px solid red
}

.border1 {
    border: 1px solid lime
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    color: #000;
    background: #ddeeff
}

::selection {
    color: #000;
    background: #ddeeff
}

body {
    margin: 0;
    padding: 0;
    color: #4b4b4d;
    font-size: 16px;
    font-family: "Roboto";
    -webkit-text-size-adjust: 100%
}

hr {
    border: 0;
    border-top: 1px solid #e6e6e7;
    margin: 15px 0
}

.img-auto {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.img-fit {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: top
}

.col-w300 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(300px + 1rem);
    flex: 0 0 calc(300px + 1rem) !important;
}

@media screen and (max-width: 62em) {
    .col-w300 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
}

.col-w320 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 329px;
    flex: 0 0 329px;
    padding-left: 1rem
}

.w70 {
    width: 70%
}

@media screen and (max-width: 62em) {
    .w70 {
        width: 40%
    }
}

.full-banner {
    background-color: #e6e6e7;
    padding: 25px;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 1rem
}

.banner {
    text-align: center
}

.banner img {
    max-width: 100%
}

.banner-spacing {
    margin-bottom: 15px
}

.nav-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav-tab input {
    display: none
}

.nav-tab>label {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: #1e73be;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size: 0.8em;
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
    border-bottom: 3px solid #1e73be
}

.nav-tab>label:hover {
    background-color: #e85a12
}

.nav-tab>label i {
    margin-right: 5px
}

.nav-tab input:checked+label {
    background-color: #1e73be
}

.nav-tab .tab-content {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 100%;
    flex: 2 0 100%
}

.nav-tab #last:checked~.tab-content #last-content,
.nav-tab #most:checked~.tab-content #most-content,
.nav-tab #comment:checked~.tab-content #comment-content {
    display: block
}

.tab-content>div {
    display: none
}

.social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.social-share>a {
    color: #fff;
    font-size: 0.8em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    text-transform: uppercase;
    padding: 8px
}

.social-share>a i {
    margin-right: 4px
}

.social-share>a:first-child {
    margin-right: 5px
}

@media only screen and (max-width: 768px) {
    .social-share>a span {
        display: none
    }
}

.social-share__facebook {
    background-color: #39599f
}

.social-share__facebook:hover {
    background-color: #324e8c
}

.social-share__twitter {
    background-color: #55acee
}

.social-share__twitter:hover {
    background-color: #3ea1ec
}

#back-to-top {
    z-index: 100;
    position: fixed;
    bottom: -100%;
    right: 10px;
    background-color: #1e73be;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 10px;
    display: inline-block
}

#back-to-top:hover {
    background-color: #1e73be
}

#back-to-top.show {
    bottom: 0
}

#back-to-top a {
    color: #fff;
    text-decoration: none
}

#back-to-top a i {
    font-size: 24px
}

.mt20 {
    margin-top: 1rem
}

.mb20 {
    margin-bottom: 1rem
}

.ml20 {
    margin-left: 1rem
}

.mr20 {
    margin-right: 1rem
}

.mb0 {
    margin-bottom: 0
}

.mt0 {
    margin-top: 0
}

.pt0 {
    padding-top: 0
}

.py0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.p20 {
    padding: 1rem
}

.pl20 {
    padding-left: 1rem
}

.pr20 {
    padding-right: 1rem
}

.pb20 {
    padding-bottom: 1rem
}

.fz14 {
    font-size: 14px
}

.fz15 {
    font-size: 15px
}

.fz16 {
    font-size: 16px
}

.fz18 {
    font-size: 18px
}

.fn {
    font-weight: normal
}

.bb {
    border-bottom: 1px solid #e6e6e7
}

.bb2 {
    border-bottom: 2px solid #e6e6e7
}

.content-left {
    padding-left: 1rem
}

.content-right {
    padding-right: 1rem
}

@media screen and (max-width: 62em) {
    .content-right {
        padding-right: 0.5rem
    }
}

.inline-tweet-btn {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    border-radius: 50%;
    color: #55acee;
    font-size: 1.2em
}

img.zarig-post-image {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s;
    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s
}

img.zarig-post-image:hover {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg)
}

.timer span {
    color: #838286;
    font-size: 14px;
    font-weight: 300;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 15px;
    border-top-right-radius: 5px
}

@media only screen and (max-width: 768px) {
    .dnone {
        display: none
    }
}

.gtitle {
	font-size: 18px;
    position: relative;
    display: block;
    margin: 15px 0;
	background: #1e73be url('/images/www/pattern.png');
	line-height: .6em;
}

.gtitle a {
    font-family: "Roboto";
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: block;
}

.gtitle a span {
    padding: 0.1em 0.5em 0.1em 1.3em;
	background: #fefefe;
	color: #333;
}


.gtitle::before {
	content: "►";
    color: #c3c3c3;
	font-family: iconfont !important;
	font-size: 18px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 0;
	top: 0;
	position: absolute;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.gtitle:hover a span {
    color: #1e73be
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.group-wrap {
    margin-top: 1rem
}

.group-wrap__title {
    background-color: #1e73be;
    font-size: 16px;
    padding: 8px 15px 7px 15px;
    color: #fff;
    text-transform: uppercase
}

.group-wrap__content {
    border-bottom: 2px solid #e6e6e7;
    background-color: #fff
}

.owl-carousel .owl-dots {
    position: absolute;
    right: 0;
    top: -50px;
    text-align: right
}

.owl-carousel .owl-dots span {
    width: 6px;
    height: 4px !important;
    margin: 5px 5px 2px 5px
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: #1e73be;
    border-color: #1e73be;
    width: 34px;
    height: 4px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

.owl-dots {
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center
}

.owl-dot {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.owl-dot span {
    border-radius: 50%;
    background: #d3d3d3;
    display: inline-block;
    text-align: center
}

.owl-dot:first-child {
    padding-left: 15px
}

.owl-dot:last-child {
    padding-right: 15px
}

.owl-nav i {
    font-size: 2em;
    color: #ffffff
}

.owl-prev,
.owl-next {
    text-align: center;
    position: absolute;
    right: 0;
    top: 15px
}

.owl-prev span,
.owl-next span {
    font-size: 3.5em;
    color: #666
}

.owl-prev:hover,
.owl-next:hover {
    color: #1e73be
}

.owl-prev {
    left: 0;
    right: auto
}

.publisher-slider {
    display: -ms-grid !important;
    display: grid !important
}

.publisher-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px
}

.play {
    background-image: url("/images/www/play.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px
}

.custom-card {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px #0001;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
  text-decoration:none;
  color:inherit;
}
.custom-card-img {
  position: relative;
  overflow: hidden;
}

.custom-card-img-overlay {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: #000;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 2;
}

.custom-card-img:hover .custom-card-img-overlay {
  opacity: 0.3;
}

.custom-card-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.custom-card-img img:hover {
    background-color: #000;
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    opacity: 0.8
}

.custom-card-body {
  padding: 16px;
}
.custom-card-body h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #333
}

.custom-card-body h3:hover {
  color: #1e73be
}


/*# sourceMappingURL=app.css.map */