@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-bold-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-bold-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-extralight-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-extralight-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-extralight-webfont.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-light-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-light-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-light-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-medium-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-medium-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-medium-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-regular-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-regular-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Oswald';
    src: url("../../fonts/oswald/oswald-semibold-webfont.ttf") format("truetype"),url("../../fonts/oswald/oswald-semibold-webfont.woff2") format("woff2"),url("../../fonts/oswald/oswald-semibold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}
/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f0f2f4
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #0056b3;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

pre, code, kbd, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type="radio"], input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

h1, .h1 {
    font-size: 32px
}

h2, .h2 {
    font-size: 24px
}

h3, .h3 {
    font-size: 18.72px
}

h4, .h4 {
    font-size: 16px
}

h5, .h5 {
    font-size: 13.28px
}

h6, .h6 {
    font-size: 10.72px
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #f0f2f4;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

.col-md-12 {
    width: 100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

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

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

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

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

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

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

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

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

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

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

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

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

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

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

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

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

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

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

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

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

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

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

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

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

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

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

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table {
        background-color: #f0f2f4
    }

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered {
    border: none
    /*border: 1px solid #dee2e6*/
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: 2px
    }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.075)
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,0.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,0.075)
    }

.table .thead-dark th {
    color: #f0f2f4;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #f0f2f4;
    background-color: #212529
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,0.075)
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25);
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,0.8);
    border-radius: .2rem
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.25);
        box-shadow: 0 0 0 .2rem rgba(40,167,69,0.25)
    }

    .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
        display: block
    }

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        background-color: #71dd8a
    }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(40,167,69,0.25);
    box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(40,167,69,0.25)
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

    .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.25);
    box-shadow: 0 0 0 .2rem rgba(40,167,69,0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,0.8);
    border-radius: .2rem
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.25);
        box-shadow: 0 0 0 .2rem rgba(220,53,69,0.25)
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        background-color: #efa2a9
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(220,53,69,0.25);
    box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(220,53,69,0.25)
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

    .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.25);
    box-shadow: 0 0 0 .2rem rgba(220,53,69,0.25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        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;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none
    }
}

.btn:hover, .btn:focus {
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25);
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

    .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
        background-image: none
    }

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary:focus, .btn-primary.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5);
        box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5);
            box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5);
        box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5);
            box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5);
        box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5);
            box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info:focus, .btn-info.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5);
        box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5);
            box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5);
        box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5);
            box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5)
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger:focus, .btn-danger.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5);
        box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5);
            box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5);
        box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5);
            box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5);
        box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5);
            box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
        }

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5);
        box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5);
            box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5);
        box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5);
            box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
        }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5);
        box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5);
            box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5);
        box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5);
            box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
        }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5);
        box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5);
            box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5)
        }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5);
        box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5);
            box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5);
        box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5);
            box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5);
        box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5);
            box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-lg, .btn-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus {
            z-index: 3
        }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            margin-left: -1px
        }

        .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
        margin-top: 0
    }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        -webkit-box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25);
        box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #dee2e6
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(128,189,255,0.5);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(128,189,255,0.5)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25);
        box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
    }

        .custom-file-input:focus ~ .custom-file-label::after {
            border-color: #80bdff
        }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 2.25rem;
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-range:focus {
        outline: none
    }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-appearance: none;
        appearance: none
    }

        .custom-range::-webkit-slider-thumb:focus {
            outline: none;
            -webkit-box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25);
            box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25)
        }

        .custom-range::-webkit-slider-thumb:active {
            background-color: #b3d7ff
        }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -moz-appearance: none;
        appearance: none
    }

        .custom-range::-moz-range-thumb:focus {
            outline: none;
            box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25)
        }

        .custom-range::-moz-range-thumb:active {
            background-color: #b3d7ff
        }

    .custom-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #dee2e6;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        appearance: none
    }

        .custom-range::-ms-thumb:focus {
            outline: none;
            box-shadow: 0 0 0 1px #f0f2f4,0 0 0 .2rem rgba(0,123,255,0.25)
        }

        .custom-range::-ms-thumb:active {
            background-color: #b3d7ff
        }

    .custom-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem
    }

    .custom-range::-ms-fill-lower {
        background-color: #dee2e6;
        border-radius: 1rem
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #dee2e6;
        border-radius: 1rem
    }

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #f0f2f4;
            border-color: #dee2e6 #dee2e6 #f0f2f4
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container, .navbar > .container-fluid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,0.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,0.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,0.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,0.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,0.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,0.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer {
                    border-bottom-left-radius: 0
                }

            .card-group > .card:only-child {
                border-radius: .25rem
            }

                .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem
                }

                .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem
                }

            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
                    border-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

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

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

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

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

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

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

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

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

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

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

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

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

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #0062cc
    }

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

    .badge-secondary[href]:hover, .badge-secondary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #545b62
    }

.badge-success {
    color: #fff;
    background-color: #28a745
}

    .badge-success[href]:hover, .badge-success[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34
    }

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

    .badge-info[href]:hover, .badge-info[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #117a8b
    }

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

    .badge-warning[href]:hover, .badge-warning[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

    .badge-danger[href]:hover, .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130
    }

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

    .badge-light[href]:hover, .badge-light[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5
    }

.badge-dark {
    color: #fff;
    background-color: #343a40
}

    .badge-dark[href]:hover, .badge-dark[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125)
}

    .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item:hover, .list-group-item:focus {
        z-index: 1;
        text-decoration: none
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5;
        z-index: 9;
    }

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    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;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem
}

    .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
        bottom: calc((.5rem + 1px) * -1)
    }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            border-width: .5rem .5rem 0
        }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
            bottom: 0;
            border-top-color: rgba(0,0,0,0.25)
        }

        .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            bottom: 1px;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem
}

    .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
            left: 0;
            border-right-color: rgba(0,0,0,0.25)
        }

        .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            left: 1px;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem
}

    .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
        top: calc((.5rem + 1px) * -1)
    }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            border-width: 0 .5rem .5rem .5rem
        }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
            top: 0;
            border-bottom-color: rgba(0,0,0,0.25)
        }

        .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            top: 1px;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem
}

    .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            border-width: .5rem 0 .5rem .5rem
        }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
            right: 0;
            border-left-color: rgba(0,0,0,0.25)
        }

        .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            right: 1px;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-item-next, .active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next, .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.carousel-item-prev, .active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev, .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255,255,255,0.5)
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

    .carousel-indicators .active {
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

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

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

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

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

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

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
}

.shadow {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover, a.text-info:focus {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,0.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,0.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.content-fix .tab-content ul li .profile-des p.name {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-style: normal
}

.form-group .checkbox, .star-rating, .content-fix ul.nav-tabs li a, .content-fix .tab-content ul li .profile-des p.time, .rating .rating-button, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .see-more a {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    font-style: normal
}

.comment-block h3, .comment-block .no-comment-title, .challenge-detail-header .challenge-box .heading, .challenge-detail-editor h2, .challenge-detail-content .item .heading, .user-profile-component .form-group .form-control {
    font-family: "Oswald",sans-serif;
    font-weight: 200;
    font-style: normal
}

body, .marker-content, .header .header-navbar .profile-picture .before-login ul li a, .header .header-navbar .profile-picture .after-login .profile-des, .header .header-navbar .search, .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link, .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item a, .header .login-register ul.nav li a, .header .login-register .core-vs-profile .core .core-title, .header .login-register .core-vs-profile .notice .notice-alert .notice-number, .header .login-register .core-vs-profile .notice ul li a, .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu a.dropdown-item, .hot-article .slider .hot-article-content .title .time, .category .items .item a, .category .items .sub-item a, .category .sub-items .item a, .category .sub-items .sub-item a, .footer .left .footer-col ul.ul-list li a, .footer .license p, .breadcrumb-nav ul.breadcrumb li, .form-group .form-control, .form-default .instruction, .form-default .sub-instruction, .modal-form h3, .login .title, .login .login-or, .login .login-fields .login-forgot-pwd a, .login .login-register p, .login .login-register a, .register .tnc-instruction, .receive-otp .resend-otp-button, .rich-text ul li, .rich-text ol li, .article-list .brief-intro, .contact-us .radio input[type='radio'] + label, .welcome .welcome-inner p, .welcome .welcome-inner.not-login ul li a, .social-interaction, .personalization .time, .personalization .brief, .trending-article .content .brief, .related-articles-title, .tags .title, .tags .items .item, .quiz .content .question, .quiz .result-modal .result-modal-content .content-body .result-content, .quiz-single-answer .option, .quiz-multiple-answer .option, .comment-block .media .media-body .name-vs-time .time, .comment-block .media .media-body p, .status, .block-list .sort-des p, .block-list .item-list .item .detail-block .time-reward .time-block p.time, .block-list .item-list .item .detail-block .deatail-des, .hot-challenge-item .challenge-des .time-action p.time, .hot-challenge-item .challenge-des .best-person p, .challenge-modal .content-head p, .challenge-modal .content-body .form-group label, .rating .count, .challenge-detail-header .challenge-header p, .challenge-instruction ul li, .challenge-detail-participant .challenge-participant-wrap a .title, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title h3, .participant-item .profile-des p.name, .participant-item .profile-des p.time, .featured-partner .duration, .product-list .content .desc, .partner-list .content .desc, .partner-list .content .duration, .featured-reward .duration, .featured-reward .changed-core, .reward-item .content .duration, .reward-item .content .status, .flipcard .flipcard-body .front .title h3, .flipcard .flipcard-body .back .title h3, .flipcard .flipcard-body .front .instruction, .flipcard .flipcard-body .back .instruction, .avatar-component .dropdown-menu .dropdown-item, .avatar-component .content-right p, .user-profile-component .heading h2, .user-profile-component .row-item p, .user-profile-component .form-group .form-control, .not-have-page .content h2, .not-have-page .content p, .articles .item .content .time, .articles .item .content .brief, .base-modal .sub-title, .s-point-history .b-container p.title-head, .s-point-history .b-container ul li, .empty-list p, .advisor-list .related-advisor-header, .advisor-consultant-answer .consultant-position, .advisor-consultant-answer .consultant-location, .advisor-consultant-answer .consultant-answer, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li span, .list-style .content .desc, .list-style .content .duration {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-style: normal
}

    body .btn, .header .login-register .core-vs-profile .core strong, .hot-article .slider .hot-article-content .title .related-category .category-item, .hot-article .slider .hot-article-content .title .heading, .hot-article .slider .hot-article-content .title .summary, .hot-article .slider .hot-article-content .title .see-more, .footer h3, .breadcrumb-nav ul.breadcrumb li:last-child span, .breadcrumb-nav ul.breadcrumb li:last-child a, .form-group.has-error .help-block, .modal-form h2, .welcome .welcome-inner h2, .social-interaction-bar ul.nav li p, .personalization .title h2, .trending-article .content h2, .quiz .content .title, .quiz .content .question-number, .quiz .result-modal .result-modal-content .content-body .title, .static-banner .heading, .comment-block .create-comment .media-center .media-body .name, .block-list .item-list .item .detail-block h3.title, .hot-challenge-item .challenge-des .title-small, .hot-challenge-item .challenge-des .title-main .heading, .challenge-modal .content-head h2, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title .participant-number-wrap .number, .featured-partner .heading, .featured-partner h3, .featured-partner .discount-code, .featured-product h2, .featured-product h3, .featured-advisor .heading, .product-list .content h2, .reward-block .mark-core, .reward-block .mark-title, .joiner .icon-text span, .joiner .join-number, .share-modal .modal-dialog .modal-content h3, .partner-list .content h2, .partner-list .content h3, .partner-detail-content h2, .related-category .category-item, .featured-reward h2, .featured-reward h3, .reward-item .content h2, .reward-item .content h3, .avatar-component .content-right h2, .avatar-component .content-right h3, .user-profile-component .row-item label, .articles .item .content .title, .advisor-consultant-answer .consultant-name, .b-gencare-user-profile .name-title, .s-policy-detail .action-bar .b-action-bar ul a, .s-policy-detail .b-item p.head-title, .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item .name, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block p, .s-genclaim h3, .list-style .content h2, .list-style .content h3 {
        font-family: "Oswald",sans-serif;
        font-weight: 400;
        font-style: normal
    }

.comment-block .media .media-body .name-vs-time, .reward-block .title {
    font-family: "Oswald",sans-serif;
    font-weight: 500;
    font-style: normal
}

.grid-container {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 320px) {
    .grid-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .grid-container {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .grid-container {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .grid-container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.body-content {
    margin-top: 70px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .body-content {
        margin-top: 0
    }
}

body {
    background-color: transparent;
    font-size: 1.25rem;
    color: #000
}

    body ul {
        padding-left: 0;
        list-style: none
    }

        body ul li a {
            color: #7d7d7d
        }

            body ul li a:hover {
                cursor: pointer
            }

    body input {
        border: 1px solid #7d7d7d;
        padding: 5px
    }

        body input.form-control:disabled {
            color: #d0d0d0;
            border-color: #d0d0d0
        }

    body .form-group .form-select select.form-control:not([size]):not([multiple]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-left: 0
    }

    body .btn {
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 2.5rem;
        height: 2.5rem;
        padding: 0 .9375rem;
        width: 100%;
        border-radius: 3px;
        min-width: 6.875rem;
        max-width: 19.6875rem
    }

        body .btn.btn-width-auto {
            width: auto
        }

        body .btn.btn-dark {
            color: #000;
            background-color: transparent;
            border: 1px solid #000
        }

            body .btn.btn-dark:hover {
                color: #ba2014;
                border-color: #ba2014
            }

            body .btn.btn-dark:focus {
                color: #000;
                border-color: #000
            }

                body .btn.btn-dark:focus:hover {
                    color: #ba2014;
                    border-color: #ba2014
                }

            body .btn.btn-dark:not(:disabled):not(.disabled):active, body .btn.btn-dark:not(:disabled):not(.disabled).active {
                color: #a01b11;
                border-color: #a01b11;
                background: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

        body .btn.btn-red {
            color: #fff;
            background-color: #ba2014
        }

            body .btn.btn-red:hover {
                color: #fff;
                background-color: #d02517
            }

            body .btn.btn-red.focus, body .btn.btn-red:focus {
                color: #fff;
                background-color: #a01b11
            }

            body .btn.btn-red.disabled, body .btn.btn-red:disabled {
                background-color: #d0d0d0;
                color: #7c7c7c
            }

                body .btn.btn-red.disabled:hover, body .btn.btn-red.disabled.focus, body .btn.btn-red.disabled:focus, body .btn.btn-red:disabled:hover, body .btn.btn-red:disabled.focus, body .btn.btn-red:disabled:focus {
                    background-color: #d0d0d0;
                    color: #7c7c7c
                }

        body .btn.btn-white {
            color: #fff;
            border: 1px solid #fff;
            background-color: transparent
        }

            body .btn.btn-white:hover {
                color: #ba2014;
                border-color: #ba2014
            }

            body .btn.btn-white.focus, body .btn.btn-white:focus {
                color: #a01b11;
                border-color: #a01b11
            }

        body .btn.btn-border {
            color: #000;
            border: 1px solid #000
        }

            body .btn.btn-border:hover {
                color: #ba2014;
                border-color: #ba2014
            }

            body .btn.btn-border.focus, body .btn.btn-border:focus {
                color: #a01b11;
                border-color: #a01b11
            }

        body .btn.focus, body .btn:focus {
            color: #a01b11;
            border-color: #a01b11;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        body .btn.disabled, body .btn:disabled {
            border-color: #d0d0d0;
            color: #d0d0d0
        }

            body .btn.disabled:hover, body .btn.disabled.focus, body .btn.disabled:focus, body .btn:disabled:hover, body .btn:disabled.focus, body .btn:disabled:focus {
                border-color: #d0d0d0;
                color: #d0d0d0
            }

@media screen and (min-width: 768px) {
    body .btn {
        width: auto;
        max-width: none;
        /*min-width: 11rem*/
    }
}

body .social-login .btn {
    min-width: 0
}

body .modal-dialog {
    max-width: initial
}

    body .modal-dialog .modal-body {
        padding: 1.3125rem .9375rem .9375rem;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }

    body .modal-dialog .modal-content {
        border-radius: 0;
        border: 0
    }

    body .modal-dialog .close {
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: .3125rem;
        right: .3125rem;
        float: none
    }

        body .modal-dialog .close:before, body .modal-dialog .close:after {
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            position: absolute;
            right: .5625rem;
            top: -.1875rem;
            content: ' ';
            height: 1.5625rem;
            width: .0625rem;
            background-color: #000
        }

        body .modal-dialog .close:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        body .modal-dialog .close:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        body .modal-dialog .close:hover:before, body .modal-dialog .close:hover:after {
            background-color: #000
        }

@media screen and (min-width: 768px) {
    body .modal-dialog .modal-body {
        padding: 3.125rem
    }
}

@media screen and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 100%
    }

    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

body [class^='icon-'], body [class*=' icon-'] {
    line-height: inherit
}

    body [class^='icon-']::before, body [class*=' icon-']::before {
        font-size: 140%;
        margin-left: 0;
        margin-right: 0;
        line-height: inherit;
        width: auto
    }

body .static-content {
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    body .static-content {
        padding-top: 4.375rem;
        padding-bottom: 6.25rem
    }
}

body .deatail-des, body .title, body .heading, body h2, body .rich-text {
    word-wrap: break-word
}

a:hover, a:active, a:focus {
    color: #ba2014;
    outline: none
}

button:focus {
    outline: none
}

.datepicker > div {
    display: inherit
}

.safari body input {
    border: 1px solid #7d7d7d;
    padding: 5px
}

    .safari body input.form-control:disabled {
        color: #7c7c7c
    }

video {
    max-width: 100%
}

.ie body .modal-dialog {
    height: 100%
}

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

input {
    border: 1px solid #7d7d7d
}

    input[type='radio'] {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        input[type='radio']:checked ~ .checkmark-radio::after {
            display: block
        }

    input[type='checkbox'] {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        input[type='checkbox']:checked ~ .checkmark-checkbox:after {
            display: block
        }

.checkmark-radio {
    position: absolute;
    top: 6px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000
}

    .checkmark-radio::after {
        content: '';
        position: absolute;
        display: none;
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #000
    }

@media screen and (min-width: 768px) {
    .checkmark-radio {
        top: 4px
    }
}

.checkmark-checkbox {
    border: 1px solid #000;
    position: absolute;
    top: 5px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff
}

    .checkmark-checkbox::after {
        content: '';
        position: absolute;
        display: none;
        left: 5px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    margin-bottom: 0
}

.page-heading {
    display: none
}

.error-msg {
    color: #ba2014 !important;
    text-align: left;
    margin: 0.625rem 0 0 !important;
    font-size: 1.125rem !important
}

.default-section {
    padding-bottom: 2.5rem
}

    .default-section.is-first {
        padding-top: 2.5rem
    }

    .default-section.is-inner {
        padding-bottom: 3.75rem
    }

    .default-section *:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

.lds-ripple {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    position: relative;
    width: 4rem;
    height: 4rem
}

    .lds-ripple div {
        border-radius: 50%;
        -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        position: absolute;
        border: .25rem solid #fff;
        opacity: 1
    }

        .lds-ripple div:nth-child(2) {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s
        }

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

.multi-modals {
    overflow: hidden;
    padding-right: 15px !important
}

.mobile .multi-modals {
    overflow: auto;
    padding-right: 0 !important
}

@media screen and (min-width: 768px) {
    .default-section {
        padding-bottom: 6.25rem
    }

        .default-section.is-first {
            padding-top: 4.375rem
        }

        .default-section.is-inner {
            padding-bottom: 4.375rem
        }

    .checkmark-radio {
        height: 22px;
        width: 22px
    }

        .checkmark-radio::after {
            top: 4px;
            left: 4px;
            width: 12px;
            height: 12px
        }

    .checkmark-checkbox {
        width: 22px;
        height: 22px;
        top: 5px
    }

        .checkmark-checkbox::after {
            left: 7px;
            top: 1px;
            width: 7px;
            height: 14px;
            border-width: 0 3px 3px 0
        }

    .is-background-calc {
        max-height: 50vw;
        overflow: hidden
    }

        .is-background-calc .slider .slide-item {
            max-height: 50vw;
            overflow: hidden
        }

            .is-background-calc .slider .slide-item .image {
                max-height: 50vw;
                overflow: hidden
            }
}

@media screen and (min-width: 1024px) {
    .is-background-calc {
        max-height: 39vw
    }

        .is-background-calc .slider .slide-item {
            max-height: 39vw
        }

            .is-background-calc .slider .slide-item .image {
                max-height: 39vw
            }
}

@media screen and (min-width: 1440px) {
    .is-background-calc {
        max-height: 34.6vw
    }

        .is-background-calc .slider .slide-item {
            max-height: 34.6vw
        }

            .is-background-calc .slider .slide-item .image {
                max-height: 34.6vw
            }
}

.no-banner-padding-top {
    padding-top: 3.125rem
}

.bold-text {
    font-weight: 400
}

.uppercase-text {
    text-transform: uppercase
}

.wrong-answer-style {
    background-color: rgba(186,32,30,0.7);
    border-radius: 3px;
    color: #fff
}

.correct-answer-style {
    background-color: rgba(1,255,110,0.7);
    border-radius: 3px;
    color: #000
}

.color-error {
    color: #007bff
}

.marker-content {
    font-size: .875rem
}

    .marker-content .marker-name {
        text-transform: uppercase;
        color: #ba2014;
        margin-bottom: .3125rem
    }

.preloader span {
    vertical-align: middle
}

.preloader .line {
    width: 1px;
    height: 12px;
    background: #000;
    margin: 2px 1px 0;
    display: inline-block;
    -webkit-animation: preloader-opacity 1000ms infinite ease-in-out;
    animation: preloader-opacity 1000ms infinite ease-in-out
}

.preloader .line-1 {
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms
}

.preloader .line-2 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms
}

.preloader .line-3 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.preloader .line-4 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.preloader .line-6 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.preloader .line-7 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.preloader .line-8 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms
}

.preloader .line-9 {
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms
}

@-webkit-keyframes preloader-opacity {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes preloader-opacity {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ie .object-fit-ie {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important
}

    .ie .object-fit-ie img {
        opacity: 0
    }

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: hand
    }

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

[dir='rtl'] .slick-slide {
    float: right
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.content-fix .tab-content ul li .profile-des p.name {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-style: normal
}

.form-group .checkbox, .star-rating, .content-fix ul.nav-tabs li a, .content-fix .tab-content ul li .profile-des p.time, .rating .rating-button, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .see-more a {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    font-style: normal
}

.comment-block h3, .comment-block .no-comment-title, .challenge-detail-header .challenge-box .heading, .challenge-detail-editor h2, .challenge-detail-content .item .heading, .user-profile-component .form-group .form-control {
    font-family: "Oswald",sans-serif;
    font-weight: 200;
    font-style: normal
}

body, .marker-content, .header .header-navbar .profile-picture .before-login ul li a, .header .header-navbar .profile-picture .after-login .profile-des, .header .header-navbar .search, .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link, .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item a, .header .login-register ul.nav li a, .header .login-register .core-vs-profile .core .core-title, .header .login-register .core-vs-profile .notice .notice-alert .notice-number, .header .login-register .core-vs-profile .notice ul li a, .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu a.dropdown-item, .hot-article .slider .hot-article-content .title .time, .category .items .item a, .category .items .sub-item a, .category .sub-items .item a, .category .sub-items .sub-item a, .footer .left .footer-col ul.ul-list li a, .footer .license p, .breadcrumb-nav ul.breadcrumb li, .form-group .form-control, .form-default .instruction, .form-default .sub-instruction, .modal-form h3, .login .title, .login .login-or, .login .login-fields .login-forgot-pwd a, .login .login-register p, .login .login-register a, .register .tnc-instruction, .receive-otp .resend-otp-button, .rich-text ul li, .rich-text ol li, .article-list .brief-intro, .contact-us .radio input[type='radio'] + label, .welcome .welcome-inner p, .welcome .welcome-inner.not-login ul li a, .social-interaction, .personalization .time, .personalization .brief, .trending-article .content .brief, .related-articles-title, .tags .title, .tags .items .item, .quiz .content .question, .quiz .result-modal .result-modal-content .content-body .result-content, .quiz-single-answer .option, .quiz-multiple-answer .option, .comment-block .media .media-body .name-vs-time .time, .comment-block .media .media-body p, .status, .block-list .sort-des p, .block-list .item-list .item .detail-block .time-reward .time-block p.time, .block-list .item-list .item .detail-block .deatail-des, .hot-challenge-item .challenge-des .time-action p.time, .hot-challenge-item .challenge-des .best-person p, .challenge-modal .content-head p, .challenge-modal .content-body .form-group label, .rating .count, .challenge-detail-header .challenge-header p, .challenge-instruction ul li, .challenge-detail-participant .challenge-participant-wrap a .title, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title h3, .participant-item .profile-des p.name, .participant-item .profile-des p.time, .featured-partner .duration, .product-list .content .desc, .partner-list .content .desc, .partner-list .content .duration, .featured-reward .duration, .featured-reward .changed-core, .reward-item .content .duration, .reward-item .content .status, .flipcard .flipcard-body .front .title h3, .flipcard .flipcard-body .back .title h3, .flipcard .flipcard-body .front .instruction, .flipcard .flipcard-body .back .instruction, .avatar-component .dropdown-menu .dropdown-item, .avatar-component .content-right p, .user-profile-component .heading h2, .user-profile-component .row-item p, .user-profile-component .form-group .form-control, .not-have-page .content h2, .not-have-page .content p, .articles .item .content .time, .articles .item .content .brief, .base-modal .sub-title, .s-point-history .b-container p.title-head, .s-point-history .b-container ul li, .empty-list p, .advisor-list .related-advisor-header, .advisor-consultant-answer .consultant-position, .advisor-consultant-answer .consultant-location, .advisor-consultant-answer .consultant-answer, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li span, .list-style .content .desc, .list-style .content .duration {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-style: normal
}

    body .btn, .header .login-register .core-vs-profile .core strong, .hot-article .slider .hot-article-content .title .related-category .category-item, .hot-article .slider .hot-article-content .title .heading, .hot-article .slider .hot-article-content .title .summary, .hot-article .slider .hot-article-content .title .see-more, .footer h3, .breadcrumb-nav ul.breadcrumb li:last-child span, .breadcrumb-nav ul.breadcrumb li:last-child a, .form-group.has-error .help-block, .modal-form h2, .welcome .welcome-inner h2, .social-interaction-bar ul.nav li p, .personalization .title h2, .trending-article .content h2, .quiz .content .title, .quiz .content .question-number, .quiz .result-modal .result-modal-content .content-body .title, .static-banner .heading, .comment-block .create-comment .media-center .media-body .name, .block-list .item-list .item .detail-block h3.title, .hot-challenge-item .challenge-des .title-small, .hot-challenge-item .challenge-des .title-main .heading, .challenge-modal .content-head h2, .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title .participant-number-wrap .number, .featured-partner .heading, .featured-partner h3, .featured-partner .discount-code, .featured-product h2, .featured-product h3, .featured-advisor .heading, .product-list .content h2, .reward-block .mark-core, .reward-block .mark-title, .joiner .icon-text span, .joiner .join-number, .share-modal .modal-dialog .modal-content h3, .partner-list .content h2, .partner-list .content h3, .partner-detail-content h2, .related-category .category-item, .featured-reward h2, .featured-reward h3, .reward-item .content h2, .reward-item .content h3, .avatar-component .content-right h2, .avatar-component .content-right h3, .user-profile-component .row-item label, .articles .item .content .title, .advisor-consultant-answer .consultant-name, .b-gencare-user-profile .name-title, .s-policy-detail .action-bar .b-action-bar ul a, .s-policy-detail .b-item p.head-title, .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item .name, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block p, .s-genclaim h3, .list-style .content h2, .list-style .content h3 {
        font-family: "Oswald",sans-serif;
        font-weight: 400;
        font-style: normal
    }

.comment-block .media .media-body .name-vs-time, .reward-block .title {
    font-family: "Oswald",sans-serif;
    font-weight: 500;
    font-style: normal
}

.header.js-header {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    height: 4.375rem;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8
}

.header .logo {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2.5rem
}

    .header .logo .img-logo {
        width: 2.9375rem;
        height: 2.5rem
    }

        .header .logo .img-logo img {
            width: 100%;
            height: unset
        }

        .header .logo .img-logo .logo-desktop {
            display: none
        }

    .header .logo .slogan {
        vertical-align: middle;
        font-size: 1.125rem;
        line-height: 2.375rem;
        white-space: nowrap;
        color: #ba2014;
        text-transform: uppercase;
        margin-left: .625rem
    }

        .header .logo .slogan:before {
            content: '';
            width: 1px;
            height: 2.375rem;
            background: #ba2014;
            display: inline-block;
            vertical-align: bottom;
            margin-right: .625rem
        }

.header .header-navbar {
    padding: 0
}

    .header .header-navbar .navbar-toggler {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        z-index: 2;
        left: .6875rem;
        top: 1.4375rem;
        border: 0;
        padding: 0;
        width: 1.5rem;
        height: 1.5rem
    }

        .header .header-navbar .navbar-toggler .icon-bar {
            -webkit-transition: transform ease;
            -webkit-transition: -webkit-transform ease;
            transition: -webkit-transform ease;
            transition: transform ease;
            transition: transform ease, -webkit-transform ease;
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
            height: .125rem;
            width: 1rem;
            border-radius: .125rem;
            margin-bottom: .25rem;
            background-color: #7d7d7d;
            display: block
        }

            .header .header-navbar .navbar-toggler .icon-bar:nth-child(2) {
                width: .75rem
            }

            .header .header-navbar .navbar-toggler .icon-bar:nth-child(3) {
                margin-bottom: 0
            }

        .header .header-navbar .navbar-toggler[aria-expanded='true'] .icon-bar {
            -webkit-transition: transform ease;
            -webkit-transition: -webkit-transform ease;
            transition: -webkit-transform ease;
            transition: transform ease;
            transition: transform ease, -webkit-transform ease;
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
            width: 1.875rem;
            height: .125rem
        }

            .header .header-navbar .navbar-toggler[aria-expanded='true'] .icon-bar:first-child {
                -webkit-transform: rotate(-45deg) translate(-4px, 4px);
                transform: rotate(-45deg) translate(-4px, 4px)
            }

            .header .header-navbar .navbar-toggler[aria-expanded='true'] .icon-bar:nth-child(2) {
                opacity: 0
            }

            .header .header-navbar .navbar-toggler[aria-expanded='true'] .icon-bar:last-child {
                -webkit-transform: rotate(45deg) translate(-4px, -4px);
                transform: rotate(45deg) translate(-4px, -4px)
            }

        .header .header-navbar .navbar-toggler:focus {
            outline: none
        }

    .header .header-navbar .navbar-collapse {
        -webkit-transition: right ease-out;
        transition: right ease-out;
        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-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        position: fixed;
        z-index: 5;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        top: 4.375rem;
        background: #fff;
        bottom: 0;
        right: 100%;
        width: 100%;
        height: calc(100% - 70px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-y: auto;
        overflow-x: hidden
    }

        .header .header-navbar .navbar-collapse::-webkit-scrollbar {
            display: none
        }

        .header .header-navbar .navbar-collapse.show-menu {
            -webkit-transition: right ease-in;
            transition: right ease-in;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            right: 0
        }

    .header .header-navbar .profile-picture {
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #d8d8d8;
        width: 100%
    }

        .header .header-navbar .profile-picture .before-login {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 2.6875rem 0
        }

            .header .header-navbar .profile-picture .before-login .user-icon {
                width: 5rem;
                height: 5rem;
                background-color: #e9e9e9;
                border: .0625rem solid #d1d1d1;
                border-radius: 50%;
                line-height: 5rem;
                font-size: 2.25rem;
                color: #cbcbcb;
                margin-right: 1.9375rem;
                text-align: center
            }

            .header .header-navbar .profile-picture .before-login ul li a {
                font-size: 1.125rem;
                color: #000;
                line-height: normal
            }

            .header .header-navbar .profile-picture .before-login ul li:first-child a {
                padding-right: .9375rem;
                margin-right: .9375rem;
                position: relative
            }

                .header .header-navbar .profile-picture .before-login ul li:first-child a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: .0625rem;
                    height: 100%;
                    background-color: #d8d8d8
                }

        .header .header-navbar .profile-picture .after-login {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 1.375rem 0
        }

            .header .header-navbar .profile-picture .after-login .profile-image {
                width: 5rem;
                height: 5rem;
                overflow: hidden;
                z-index: 1;
                margin-right: 1.9375rem
            }

                .header .header-navbar .profile-picture .after-login .profile-image img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 50%
                }

            .header .header-navbar .profile-picture .after-login .profile-des .profile-name {
                font-weight: 400;
                font-size: 1.125rem;
                line-height: normal;
                margin-bottom: .5rem
            }

            .header .header-navbar .profile-picture .after-login .profile-des p {
                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-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: .1875rem;
                line-height: 1.5;
                text-align: left
            }

                .header .header-navbar .profile-picture .after-login .profile-des p .primary-text {
                    color: #ba2014
                }

                .header .header-navbar .profile-picture .after-login .profile-des p a {
                    color: #000
                }

                .header .header-navbar .profile-picture .after-login .profile-des p i {
                    margin-right: .3125rem;
                    font-size: .5625rem;
                    width: .8125rem;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex
                }

                    .header .header-navbar .profile-picture .after-login .profile-des p i.icon-icn-like {
                        color: #ba2014
                    }

                .header .header-navbar .profile-picture .after-login .profile-des p:last-child {
                    margin-bottom: 0
                }

            .header .header-navbar .profile-picture .after-login .profile-background {
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                opacity: 0.3;
                -webkit-filter: grayscale(100%) blur(4px);
                filter: grayscale(100%) blur(4px);
                background-blend-mode: color
            }

                .header .header-navbar .profile-picture .after-login .profile-background img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover
                }

    .header .header-navbar .search {
        position: relative;
        width: 100%;
        padding: .625rem .9375rem 0
    }

        .header .header-navbar .search .form-control {
            font-size: .75rem;
            font-weight: 300;
            border: 1px solid #d1d1d1;
            border-radius: .1875rem;
            height: 2.5rem;
            font-size: .75rem;
            padding-right: 2.5rem;
            line-height: 1.75rem
        }

            .header .header-navbar .search .form-control::-webkit-input-placeholder {
                line-height: inherit;
                color: #7c7c7c;
                font-size: .75rem;
                font-weight: 300
            }

            .header .header-navbar .search .form-control:-moz-placeholder {
                line-height: inherit;
                color: #7c7c7c;
                font-size: .75rem;
                font-weight: 300
            }

            .header .header-navbar .search .form-control::-moz-placeholder {
                line-height: inherit;
                color: #7c7c7c;
                font-size: .75rem;
                font-weight: 300
            }

            .header .header-navbar .search .form-control:-ms-input-placeholder {
                line-height: inherit;
                color: #7c7c7c;
                font-size: .75rem;
                font-weight: 300
            }

            .header .header-navbar .search .form-control:focus {
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .header .header-navbar .search .form-control::-ms-clear {
                display: none;
                width: 0;
                height: 0
            }

        .header .header-navbar .search .btn-icon-search {
            position: absolute;
            height: 2.5rem;
            top: .625rem;
            right: .9375rem;
            line-height: 2.5rem;
            font-size: .75rem;
            padding: 0 .625rem;
            border: 0;
            background: transparent
        }

            .header .header-navbar .search .btn-icon-search:hover {
                color: #ba2014;
                cursor: pointer
            }

    .header .header-navbar ul.nav-primary {
        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-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        min-height: calc(100vh - 286px);
        padding: .625rem .9375rem
    }

        .header .header-navbar ul.nav-primary li.nav-primary-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: calc(100% / 3);
            text-align: center;
            border-top: 1px solid #e3e3e3;
            border-right: 1px solid #e3e3e3;
            min-height: 4.375rem
        }

            .header .header-navbar ul.nav-primary li.nav-primary-item:nth-child(3n) {
                border-right: 0
            }

            .header .header-navbar ul.nav-primary li.nav-primary-item:first-child, .header .header-navbar ul.nav-primary li.nav-primary-item:nth-child(2), .header .header-navbar ul.nav-primary li.nav-primary-item:nth-child(3) {
                border-top: 0
            }

            .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link {
                color: #7c7c7c
            }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon {
                    display: block;
                    color: #ba2014;
                    height: 1.5rem;
                    line-height: 1.5rem
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .title {
                    line-height: 1.5;
                    font-size: 1rem
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link i.icon-angle-down {
                    display: none;
                    font-size: .75rem
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link i.icon-umbrella, .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link i.icon-profile-map-marker-alt {
                    margin-top: .25rem;
                    display: inline-block
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link i {
                    font-size: 1.25rem;
                    line-height: 1
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-umbrella {
                    font-size: 1.125rem
                }

                .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-icn_question, .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-icn_info {
                    font-size: .875rem
                }

        .header .header-navbar ul.nav-primary ul.nav-second {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            z-index: -1;
            left: 0;
            top: 3.75rem;
            min-width: 12.5rem;
            border: .0625rem solid #d1d1d1
        }

            .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item {
                position: relative
            }

                .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item a {
                    font-size: 1rem;
                    line-height: 1.375rem;
                    color: #000;
                    padding: 0 .5625rem 0 1.125rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    background-color: #fff;
                    border-bottom: 1px solid #d1d1d1;
                    text-decoration: none;
                    min-height: 3.75rem
                }

                    .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item a i {
                        font-size: .5625rem
                    }

                .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item:last-child a {
                    border-bottom: 0
                }

                .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item:hover a {
                    color: #ba2014
                }

                .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item:hover ul.nav-third {
                    visibility: visible
                }

                    .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item:hover ul.nav-third a.nav-third-item {
                        text-decoration: none
                    }

                .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item ul.nav-third {
                    visibility: hidden;
                    position: absolute;
                    left: 100%;
                    top: -1px;
                    min-width: 12.5rem;
                    border: .0625rem solid #d1d1d1
                }

                    .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item ul.nav-third li.nav-third-item {
                        position: relative
                    }

                        .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item ul.nav-third li.nav-third-item a {
                            background-color: #fff;
                            color: #000;
                            padding: .9375rem;
                            border-bottom: 1px solid #d1d1d1;
                            text-align: left;
                        }

                        .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item ul.nav-third li.nav-third-item:hover a {
                            color: #ba2014;
                            text-decoration: none
                        }

                        .header .header-navbar ul.nav-primary ul.nav-second li.nav-second-item ul.nav-third li.nav-third-item:last-child a {
                            border-bottom: 0
                        }

.header .login-register {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit
}

    .header .login-register ul.nav {
        display: none
    }

        .header .login-register ul.nav li {
            display: inherit
        }

            .header .login-register ul.nav li a {
                font-size: 1.125rem;
                line-height: 1.625rem;
                color: #000
            }

            .header .login-register ul.nav li:first-child a {
                padding-right: .75rem;
                margin-right: .75rem;
                position: relative
            }

                .header .login-register ul.nav li:first-child a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: .0625rem;
                    height: 100%;
                    background-color: #979797
                }

    .header .login-register .core-vs-profile {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: inherit;
        position: absolute;
        right: 0
    }

        .header .login-register .core-vs-profile .core {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            margin-right: .75rem
        }

            .header .login-register .core-vs-profile .core strong {
                font-size: 1.375rem;
                letter-spacing: -0.8px;
                margin-right: .125rem
            }

            .header .login-register .core-vs-profile .core .core-title {
                font-size: .625rem;
                text-transform: uppercase;
                letter-spacing: -0.3px
            }

        .header .login-register .core-vs-profile .notice {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            margin-right: 1.0625rem;
            height: 100%
        }

            .header .login-register .core-vs-profile .notice .notice-alert {
                color: #000
            }

                .header .login-register .core-vs-profile .notice .notice-alert i.icon-icn-alert {
                    font-size: 1.1875rem
                }

                .header .login-register .core-vs-profile .notice .notice-alert .notice-number {
                    position: absolute;
                    color: #fff;
                    font-size: .5rem;
                    text-align: center;
                    line-height: .9375rem;
                    z-index: 1;
                    top: 1.25rem;
                    right: 0;
                    width: .9375rem;
                    height: .9375rem;
                    background-color: #ba2014;
                    border-radius: 50%
                }

                .header .login-register .core-vs-profile .notice .notice-alert:hover i {
                    color: #ba2014;
                    cursor: pointer
                }

                .header .login-register .core-vs-profile .notice .notice-alert:after {
                    display: none
                }

            .header .login-register .core-vs-profile .notice .dropdown-menu {
                padding: 0;
                border-radius: 0
            }

            .header .login-register .core-vs-profile .notice .see-more {
                text-align: center;
                padding: .625rem;
                background-color: #fff;
                border-top: 1px solid #d1d1d1
            }

                .header .login-register .core-vs-profile .notice .see-more .btn {
                    width: 11rem
                }

            .header .login-register .core-vs-profile .notice ul {
                width: 17.5rem;
                max-height: 60vh;
                overflow-y: auto;
                border-radius: 0;
                padding: 0;
                margin: 0
            }

                .header .login-register .core-vs-profile .notice ul li {
                    border-bottom: 1px solid #e5e5e5;
                    background-color: #f2f2f2
                }

                    .header .login-register .core-vs-profile .notice ul li a {
                        padding: .625rem .9375rem;
                        display: block;
                        color: #000
                    }

                    .header .login-register .core-vs-profile .notice ul li p {
                        line-height: 1.5;
                        font-size: 1rem
                    }

                        .header .login-register .core-vs-profile .notice ul li p.time {
                            font-size: 1rem;
                            line-height: 1.5;
                            color: #7c7c7c
                        }

                    .header .login-register .core-vs-profile .notice ul li:hover a {
                        color: #ba2014;
                        text-decoration: none
                    }

                    .header .login-register .core-vs-profile .notice ul li.visited a {
                        background-color: #fff !important
                    }

                    .header .login-register .core-vs-profile .notice ul li:last-child {
                        border-bottom: 0
                    }

            .header .login-register .core-vs-profile .notice:hover ul {
                -webkit-transition: opacity ease;
                transition: opacity ease;
                -webkit-transition-duration: .3s;
                transition-duration: .3s;
                z-index: 9
            }

        .header .login-register .core-vs-profile .dropdown-profile {
            height: 100%;
            display: none
        }

            .header .login-register .core-vs-profile .dropdown-profile a.dropdown-toggle {
                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-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: .8125rem;
                height: 100%
            }

                .header .login-register .core-vs-profile .dropdown-profile a.dropdown-toggle i.icon-icn-user {
                    font-size: 1rem
                }

                .header .login-register .core-vs-profile .dropdown-profile a.dropdown-toggle i.icon-angle-down {
                    font-size: .625rem
                }

                .header .login-register .core-vs-profile .dropdown-profile a.dropdown-toggle::after {
                    display: none
                }

                .header .login-register .core-vs-profile .dropdown-profile a.dropdown-toggle:hover {
                    cursor: pointer
                }

            .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu {
                padding: 0;
                border-radius: 0;
                margin: 0;
                border: .03125rem solid #d1d1d1;
                margin-top: -.625rem
            }

                .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu a.dropdown-item {
                    font-size: 1rem;
                    border-bottom: 1px solid #d1d1d1;
                    text-align: right;
                    padding: 0 .9375rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    min-height: 3.75rem;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-width: 12.5rem;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                }

                    .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu a.dropdown-item i {
                        font-size: .875rem;
                        margin-left: .75rem
                    }

                    .header .login-register .core-vs-profile .dropdown-profile .dropdown-menu a.dropdown-item:hover {
                        background-color: transparent;
                        color: #ba2014
                    }

@media screen and (min-width: 768px) {
    .header .header-navbar .profile-picture .before-login {
        padding: 5.625rem 0
    }

        .header .header-navbar .profile-picture .before-login .user-icon {
            width: 9.90625rem;
            height: 9.90625rem;
            line-height: 9.90625rem;
            font-size: 4.875rem
        }

        .header .header-navbar .profile-picture .before-login ul.nav a {
            font-size: 1.5rem
        }

    .header .header-navbar .profile-picture .after-login {
        padding: 5.625rem 0
    }

        .header .header-navbar .profile-picture .after-login .profile-image {
            width: 9.90625rem;
            height: 9.90625rem
        }

        .header .header-navbar .profile-picture .after-login .profile-des .profile-name {
            font-size: 1.5rem;
            margin-bottom: .75rem
        }

        .header .header-navbar .profile-picture .after-login .profile-des p {
            margin-bottom: .5rem
        }

            .header .header-navbar .profile-picture .after-login .profile-des p i {
                font-size: .75rem;
                width: 1.25rem
            }

    .header .header-navbar .search {
        padding: .9375rem 1.875rem 0
    }

        .header .header-navbar .search .btn-icon-search {
            top: .9375rem;
            right: 1.875rem;
            background: transparent;
            border: 0
        }

    .header .header-navbar ul.nav-primary {
        padding: .625rem 1.875rem
    }

        .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .title {
            font-size: 1.125rem;
            line-height: 1.33
        }

        .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon {
            font-size: 1.5rem;
            margin-bottom: .3125rem
        }

        .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link i {
            font-size: 1.125rem
        }

        .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-icn_question, .header .header-navbar ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-icn_info {
            font-size: 1rem
        }

    .header .login-register .core-vs-profile .notice ul {
        width: 23.4375rem
    }
}

@media screen and (min-width: 1024px) {
    header.header.js-header {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.125rem 0 1.4375rem;
        position: relative
    }

    .header .header-navbar {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .header .header-navbar .navbar-toggler {
            display: none
        }

        .header .header-navbar .search {
            margin-right: 1.25rem;
            height: 2.5rem;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            width: 9.375rem;
            padding: 0
        }

            .header .header-navbar .search .form-control {
                height: inherit;
                color: #7c7c7c
            }

            .header .header-navbar .search .btn-icon-search {
                top: 0;
                right: 0;
                height: inherit;
                line-height: 2.5rem
            }

        .header .header-navbar .navbar-collapse {
            position: unset;
            height: 4.3125rem;
            overflow: unset;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .header .header-navbar .navbar-collapse .profile-picture {
                display: none
            }

            .header .header-navbar .navbar-collapse ul.nav-primary {
                padding: 0;
                min-height: auto;
                width: 100%;
                height: inherit;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

                .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item {
                    position: relative;
                    width: auto;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    margin-right: .625rem;
                    border: 0
                }

                    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item.is-hide-desktop {
                        display: none
                    }

                    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item a.nav-primary-item-link {
                        font-size: 1.125rem;
                        text-transform: uppercase;
                        color: #000;
                        text-decoration: none
                    }

                        .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon {
                            display: none
                        }

                        .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-angle-down {
                            display: inline
                        }

                        .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item a.nav-primary-item-link i {
                            line-height: 1
                        }

                    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item:hover a.nav-primary-item-link {
                        -webkit-transition: visibility ease;
                        transition: visibility ease;
                        -webkit-transition-duration: .3s;
                        transition-duration: .3s;
                        color: #ba2014
                    }

                    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item:hover ul.nav-second {
                        -webkit-transition: opacity ease-in;
                        transition: opacity ease-in;
                        -webkit-transition-duration: .3s;
                        transition-duration: .3s;
                        z-index: 9;
                        visibility: visible;
                        opacity: 1
                    }

                    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item.is-active a.nav-primary-item-link {
                        color: #ba2014
                    }

    .header .login-register ul.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header .login-register .core-vs-profile {
        position: relative
    }

        .header .login-register .core-vs-profile .dropdown-profile {
            display: block
        }

    .header .logo {
        margin-left: 0
    }
}

@media screen and (min-width: 1440px) {
    .header .header-navbar .search {
        width: 21.5625rem
    }

    .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item {
        margin-right: 1.25rem
    }

    .header .logo .img-logo {
        width: 9rem;
        height: 2.1875rem
    }

        .header .logo .img-logo svg {
            width: 9rem;
            height: 2.1875rem
        }

        .header .logo .img-logo .logo-desktop {
            display: block
        }

        .header .logo .img-logo .logo-mobile {
            display: none
        }

    .header .logo .slogan {
        letter-spacing: 2px;
        margin-left: 1.25rem
    }

        .header .logo .slogan:before {
            margin-right: 1.25rem
        }
}

@media screen and (min-width: 1024px) {
    .ie .header .header-navbar .navbar-collapse {
        position: relative;
        left: 0;
        top: 0;
        overflow: visible
    }

        .ie .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item a.nav-primary-item-link .icon-angle-down {
            display: inline
        }

        .ie .header .header-navbar .navbar-collapse ul.nav-primary li.nav-primary-item ul.nav-second li.nav-second-item a {
            padding: 1.25rem .9375rem
        }
}

.ie .header .login-register .core-vs-profile .dropdown-menu a.dropdown-item {
    padding-top: 1rem
}

.tablet-view.portrait .header .header-navbar .profile-picture .profile-background img {
    position: absolute
}

.tablet-view.portrait .is-show-collapse .body-content {
    position: fixed;
    width: 100%
}

.tablet-view.portrait .is-show-collapse .footer {
    display: none
}

.firefox .header .header-navbar .search .form-control {
    line-height: 1.625rem
}

.ios.iphone .header .header-navbar .search .form-control, .ios.ipad .header .header-navbar .search .form-control {
    font-size: 1rem;
    line-height: 1.625rem
}

.is-show-collapse main, .is-show-collapse footer {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0)
}

@media screen and (min-width: 1024px) {
    .is-show-collapse main, .is-show-collapse footer {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

.heading-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 100px
}

    .heading-banner .heading-banner-item {
        position: relative;
        width: 45vw;
        height: 600px;
        float: left;
        background-color: #00ced1;
        background-image: url("/app/build/img/banner-article-bg.png")
    }

        .heading-banner .heading-banner-item .lifestyle-article {
            position: absolute;
            z-index: 1;
            background-color: #fff;
            height: 50%;
            width: 70%;
            top: 42%;
            left: 7%
        }

            .heading-banner .heading-banner-item .lifestyle-article .score-interaction {
                width: 100%
            }

            .heading-banner .heading-banner-item .lifestyle-article .banner-content {
                margin: 40px 20px 20px
            }

        .heading-banner .heading-banner-item .challenge-article {
            position: absolute;
            z-index: 1;
            background-color: #fff;
            height: 50%;
            width: 70%;
            top: 29%;
            left: 7%
        }

            .heading-banner .heading-banner-item .challenge-article .score-interaction {
                width: 100%
            }

            .heading-banner .heading-banner-item .challenge-article .banner-content {
                margin: 40px 20px 20px
            }

.hot-article {
    margin-top: 0
}

    .hot-article .slider {
        position: relative;
        width: 100%
    }

        .hot-article .slider:hover .left-arrow, .hot-article .slider:hover .right-arrow {
            opacity: 1
        }

        .hot-article .slider .image {
            position: relative;
            width: 100%;
            height: 100%
        }

            .hot-article .slider .image::before {
                content: '';
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.7)));
                background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7))
            }

            .hot-article .slider .image picture img {
                width: 100%
            }

        .hot-article .slider .hot-article-content {
            position: absolute;
            z-index: 2;
            width: 95vw;
            bottom: 2.9375rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 1.875rem;
            margin-left: -30px
        }

            .hot-article .slider .hot-article-content .title {
                display: inline-block;
                color: #fff
            }

                .hot-article .slider .hot-article-content .title .related-category {
                    padding-bottom: .3125rem
                }

                    .hot-article .slider .hot-article-content .title .related-category .category-item {
                        font-size: .625rem;
                        color: #000;
                        text-transform: uppercase;
                        margin: 0 .625rem .3125rem 0;
                        padding: .0625rem 1.1875rem;
                        background-color: rgba(255,255,255,0.7);
                        display: inline-block;
                        border-radius: 3px;
                        white-space: nowrap
                    }

                        .hot-article .slider .hot-article-content .title .related-category .category-item:hover {
                            background-color: #fff;
                            text-decoration: none
                        }

                .hot-article .slider .hot-article-content .title .heading {
                    font-size: 1.625rem;
                    line-height: 1.31;
                    margin-bottom: .625rem;
                    font-weight: 400
                }

                    .hot-article .slider .hot-article-content .title .heading a {
                        color: #fff;
                        text-decoration: none
                    }

                .hot-article .slider .hot-article-content .title .summary {
                    display: none
                }

                .hot-article .slider .hot-article-content .title .time {
                    display: block;
                    font-size: 1rem;
                    margin-bottom: .625rem
                }

                .hot-article .slider .hot-article-content .title .rating {
                    padding-bottom: .625rem
                }

                .hot-article .slider .hot-article-content .title .see-more {
                    color: #fff;
                    border: 1px solid #fff;
                    background-color: transparent;
                    padding: .4375rem 3.5625rem;
                    margin-left: .125rem;
                    font-size: 1.0625rem;
                    display: inline
                }

                    .hot-article .slider .hot-article-content .title .see-more:hover {
                        text-decoration: none
                    }

            .hot-article .slider .hot-article-content .social-interaction-wrap {
                position: absolute;
                right: -.3125rem;
                bottom: -.3125rem;
                margin-left: .9375rem
            }

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hot-article {
        margin-top: 4.375rem !important
    }

        .hot-article .slider .grid-container content {
            padding: 0 1.125rem;
            bottom: 2.75rem
        }

            .hot-article .slider .grid-container content .social-interaction-wrap {
                margin: 0rem 1.25rem 0 1.5625rem
            }
}

@media screen and (min-width: 768px) {
    .hot-article {
        margin-top: 0
    }

        .hot-article .slider .grid-container {
            margin: 0 auto;
            padding-left: .9375rem;
            padding-right: .9375rem;
            position: relative
        }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .hot-article .slider .grid-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .hot-article .slider .grid-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .hot-article .slider .grid-container {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .hot-article .slider .grid-container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .hot-article .slider .grid-container .hot-article-content {
        bottom: 2.4375rem;
        padding-left: 1.875rem;
        margin-left: 0;
        width: 100%;
        left: 0
    }

        .hot-article .slider .grid-container .hot-article-content .title {
            position: relative;
            width: 80%
        }

            .hot-article .slider .grid-container .hot-article-content .title .related-category {
                padding-bottom: 15px
            }

            .hot-article .slider .grid-container .hot-article-content .title .heading {
                font-size: 1.875rem;
                margin-bottom: .625rem;
                line-height: 1.21
            }

            .hot-article .slider .grid-container .hot-article-content .title .summary {
                display: block;
                font-size: 1rem;
                line-height: 1.63;
                margin-bottom: .625rem
            }

            .hot-article .slider .grid-container .hot-article-content .title .time {
                font-size: .875rem
            }

        .hot-article .slider .grid-container .hot-article-content .social-interaction-wrap {
            line-height: 1.625rem;
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin: 0 0 3.125rem;
            right: 1.875rem
        }
}

@media screen and (min-width: 1024px) {
    .hot-article .slider .grid-container .hot-article-content .title .summary {
        font-size: 1rem;
        line-height: 1.625rem
    }

    .hot-article .slider .grid-container .hot-article-content .title .time {
        font-size: 1rem
    }

    .hot-article .slider .image img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 39vw
    }

    .hot-article .slider .grid-container .hot-article-content .title .heading {
        font-size: 2.5rem;
        line-height: 1.21
    }
}

@media screen and (min-width: 1440px) {
    .hot-article .slider .grid-container .hot-article-content .title .heading {
        font-size: 3rem;
        line-height: 1.21
    }

    .hot-article .slider .grid-container .hot-article-content .title .related-category .category-item {
        height: 1.5625rem;
        min-width: 7.5rem;
        text-align: center;
        line-height: 1.4375rem;
        font-size: .75rem
    }
}

.category .items {
    background-color: #f5f5f5
}

.category .items, .category .sub-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 0;
    padding-left: 15px
}

    .category .items::-webkit-scrollbar, .category .sub-items::-webkit-scrollbar {
        display: none
    }

    .category .items .item, .category .items .sub-item, .category .sub-items .item, .category .sub-items .sub-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 60px
    }

        .category .items .item a, .category .items .sub-item a, .category .sub-items .item a, .category .sub-items .sub-item a {
            padding: 1rem 0;
            text-transform: uppercase;
            font-size: 1.125rem
        }

            .category .items .item a:hover, .category .items .sub-item a:hover, .category .sub-items .item a:hover, .category .sub-items .sub-item a:hover {
                text-decoration: none;
                color: initial
            }

        .category .items .item .is-active-item, .category .items .sub-item .is-active-item, .category .sub-items .item .is-active-item, .category .sub-items .sub-item .is-active-item {
            position: relative;
            color: #ba2014;
            font-weight: 400
        }

            .category .items .item .is-active-item:after, .category .items .sub-item .is-active-item:after, .category .sub-items .item .is-active-item:after, .category .sub-items .sub-item .is-active-item:after {
                content: '';
                position: absolute;
                width: calc(100% + 30px);
                display: block;
                bottom: 0;
                left: -15px;
                border-bottom: 5px solid #ba2014
            }

        .category .items .item .is-active-sub-item, .category .items .sub-item .is-active-sub-item, .category .sub-items .item .is-active-sub-item, .category .sub-items .sub-item .is-active-sub-item {
            color: #ba2014;
            font-weight: 400
        }

        .category .items .sub-item a, .category .sub-items .sub-item a {
            padding: 1.1875rem 0 1.0625rem
        }

.category .sub-items {
    border-top: 0
}

    .category .sub-items .sub-item {
        padding-right: 1.5625rem
    }

        .category .sub-items .sub-item a {
            text-transform: none
        }

.category.two-items .items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .category.two-items .items .item {
        padding: 0 3.125rem
    }

        .category.two-items .items .item:last-child {
            padding: 0 3.125rem
        }

@media screen and (min-width: 768px) {
    .category .items, .category .sub-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

        .category .items .item a, .category .items .sub-item a, .category .sub-items .item a, .category .sub-items .sub-item a {
            font-size: 1.25rem
        }

        .category .items .item:last-child, .category .items .sub-item:last-child, .category .sub-items .item:last-child, .category .sub-items .sub-item:last-child {
            padding: 0
        }

        .category .items .sub-item a, .category .sub-items .sub-item a {
            padding: .875rem 0 1.0625rem
        }
}

.footer {
    background-color: #fcfcfc;
    border-top: 1px solid #dbdbdb;
    padding: 1.6875rem 0 0
}

    .footer .is-hide-mobile {
        display: none
    }

    .footer h3 {
        color: #ba2014;
        margin-bottom: .9375rem;
        line-height: 1.45;
        font-size: 1.375rem
    }

    .footer .footer-container {
        padding: 0 .9375rem
    }

    .footer .fanpage li {
        margin-right: 1.875rem
    }

        .footer .fanpage li a i {
            font-size: 1rem
        }

    .footer .fanpage *:last-child {
        margin-right: 0
    }

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

        .footer .left .footer-col {
            width: calc(100% / 2);
            margin-bottom: 1.25rem
        }

            .footer .left .footer-col ul.ul-list {
                margin-bottom: 0
            }

                .footer .left .footer-col ul.ul-list li {
                    margin-bottom: 1.25rem
                }

                    .footer .left .footer-col ul.ul-list li:last-child {
                        margin-bottom: 0
                    }

                    .footer .left .footer-col ul.ul-list li a {
                        color: #000;
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-size: 1.125rem;
                        padding-left: .875rem;
                        line-height: 1.11
                    }

                        .footer .left .footer-col ul.ul-list li a::before {
                            position: absolute;
                            z-index: 1;
                            top: calc(50% - 3px);
                            content: '';
                            left: 0;
                            width: 0;
                            height: 0;
                            border-top: .1875rem solid transparent;
                            border-bottom: .1875rem solid transparent;
                            border-left: .25rem solid #ba2014
                        }

    .footer .right .footer-col {
        margin-bottom: 1.25rem
    }

    .footer .right .download-app ul.nav li {
        margin-right: 1.25rem
    }

    .footer .right .download-app ul.nav *:last-child {
        margin-right: 0
    }

    .footer .right .plugin {
        display: none
    }

    .footer .reward {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .footer .reward ul.nav {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .footer .reward ul.nav li {
                margin-bottom: 1.5625rem
            }

    .footer .license {
        border-top: .0625rem solid #dadada;
        padding: 1rem .9375rem 1.25rem;
        background-color: #fff
    }

        .footer .license p {
            line-height: 1.25;
            font-size: 1rem;
            text-align: center;
            margin-bottom: 0;
            color: #000
        }

            .footer .license p a {
                color: #000
            }

                .footer .license p a:hover {
                    text-decoration: underline
                }

@media screen and (max-width: 767px) {
    .footer .reward ul.nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .footer .reward ul.nav li {
            width: calc(100% / 3)
        }

            .footer .reward ul.nav li a img {
                min-width: 4.375rem;
                width: 50%
            }

            .footer .reward ul.nav li:nth-child(3n+2) {
                text-align: center
            }

            .footer .reward ul.nav li:first-child {
                text-align: left
            }

            .footer .reward ul.nav li:nth-child(3n) {
                text-align: right
            }

        .footer .reward ul.nav:after {
            content: '';
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto
        }
}

@media screen and (min-width: 768px) {
    .footer {
        padding-top: 3.75rem
    }

        .footer .is-hide-mobile {
            display: block
        }

        .footer .is-show-mobile {
            display: none
        }

        .footer .footer-container {
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .footer .left {
            width: 75%
        }

            .footer .left .footer-col {
                width: calc(100% / 3)
            }

        .footer .right {
            width: 25%
        }

            .footer .right .fanpage {
                margin-bottom: 4.6875rem
            }

            .footer .right .download-app ul li {
                margin-bottom: .8125rem;
                width: 100%
            }

        .footer .reward {
            padding-bottom: .9375rem
        }

            .footer .reward h3 {
                margin-bottom: 1.25rem
            }

            .footer .reward ul.nav {
                margin: 0 -1.875rem
            }

                .footer .reward ul.nav li {
                    margin: 0 1.875rem 1.25rem;
                    width: 4.0625rem
                }

        .footer .license {
            padding: 1.125rem
        }
}

@media screen and (min-width: 1024px) {
    .footer {
        padding: 2.5rem 0 0;
    }

        .footer .left {
            width: 50%
        }

        .footer .right {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            max-height: 300px
        }

            .footer .right .footer-col {
                width: 50%;
                margin-bottom: 2.375rem
            }

            .footer .right .fanpage {
                margin-bottom: 2.625rem
            }

            .footer .right .download-app ul.nav {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

                .footer .right .download-app ul.nav li {
                    width: auto
                }

            .footer .right .plugin {
                display: block;
                overflow: hidden
            }

                .footer .right .plugin .fb-page {
                    max-width: 100%
                }

        .footer .reward {
            padding-bottom: 1.625rem
        }

            .footer .reward h3 {
                margin-bottom: 1.75rem
            }

        .footer .license {
            padding: 2rem 0 2.1875rem
        }

            .footer .license p {
                line-height: 1.63
            }
}

@media screen and (min-width: 1024px) {
    .ie .footer .left .footer-col, .ipad .footer .left .footer-col {
        width: 33.33%
    }

    .ie .footer .right .plugin, .ipad .footer .right .plugin {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .ie .footer .right .download-app, .ie .footer .right .fanpage, .ipad .footer .right .download-app, .ipad .footer .right .fanpage {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.breadcrumb-nav {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #d8d8d8
}

    .breadcrumb-nav::before {
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        background-color: #fff;
        opacity: 0.8;
        content: ''
    }

    .breadcrumb-nav ul.breadcrumb {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        background-color: transparent;
        padding: .71875rem 15px
    }

@media screen and (min-width: 320px) {
    .breadcrumb-nav ul.breadcrumb {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .breadcrumb-nav ul.breadcrumb {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .breadcrumb-nav ul.breadcrumb {
        width: 94%
    }
}

@media screen and (min-width: 768px) {
    .breadcrumb-nav ul.breadcrumb {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.breadcrumb-nav ul.breadcrumb li {
    font-size: .875rem;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

    .breadcrumb-nav ul.breadcrumb li a {
        color: #000;
        font-weight: 400
    }

    .breadcrumb-nav ul.breadcrumb li + li::before {
        font-family: "fontello";
        content: '\f105';
        font-size: 10px;
        padding-right: .375rem;
        padding-left: .375rem;
        color: #7c7c7c;
        vertical-align: top
    }

    .breadcrumb-nav ul.breadcrumb li + li + li {
        display: none
    }

    .breadcrumb-nav ul.breadcrumb li:last-child span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px
    }

    .breadcrumb-nav ul.breadcrumb li:last-child a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px
    }

        .breadcrumb-nav ul.breadcrumb li:last-child a:hover {
            text-decoration: underline
        }

@media screen and (max-width: 767px) {
    .breadcrumb-nav.is-static-banner {
        position: relative
    }
}

.breadcrumb-nav.is-gencare ul.breadcrumb li + li + li {
    display: block
}

    .breadcrumb-nav.is-gencare ul.breadcrumb li + li + li + li + li {
        display: none
    }

@media screen and (min-width: 768px) {
    .breadcrumb-nav {
        border-bottom: 0
    }

        .breadcrumb-nav ul.breadcrumb {
            padding: .71875rem 30px
        }

            .breadcrumb-nav ul.breadcrumb li a {
                font-weight: 300
            }

            .breadcrumb-nav ul.breadcrumb li + li + li {
                display: block
            }

        .breadcrumb-nav.is-gencare ul.breadcrumb li + li + li {
            display: block
        }

            .breadcrumb-nav.is-gencare ul.breadcrumb li + li + li + li + li {
                display: block
            }
}

@media screen and (min-width: 1024px) {
    .breadcrumb-nav ul.breadcrumb {
        padding: .71875rem 30px
    }
}

.form-group {
    text-align: left;
    margin-bottom: 2.5rem
}

    .form-group option:disabled {
        color: #d0d0d0
    }

    .form-group.is-disabled .input-group, .form-group.is-disabled .form-select {
        border-bottom-color: #d0d0d0
    }

        .form-group.is-disabled .input-group i, .form-group.is-disabled .form-select i {
            border-bottom-color: #d0d0d0;
            color: #d0d0d0
        }

    .form-group.is-disabled .form-control {
        font-size: 1.125rem;
        font-weight: 300;
        color: #d0d0d0
    }

        .form-group.is-disabled .form-control::-webkit-input-placeholder {
            line-height: inherit;
            color: #d0d0d0;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group.is-disabled .form-control:-moz-placeholder {
            line-height: inherit;
            color: #d0d0d0;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group.is-disabled .form-control::-moz-placeholder {
            line-height: inherit;
            color: #d0d0d0;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group.is-disabled .form-control:-ms-input-placeholder {
            line-height: inherit;
            color: #d0d0d0;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group.is-disabled .form-control.is-textarea {
            border-color: #d0d0d0
        }

    .form-group.is-disabled label {
        color: #d0d0d0
    }

    .form-group .input-group [class^='icon-'], .form-group .input-group [class*=' icon-'] {
        border-bottom: 1px solid #7c7c7c;
        padding-right: .4375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .form-group .input-group [class^='icon-']:before, .form-group .input-group [class*=' icon-']:before {
            font-size: 1.0625rem;
            color: #7c7c7c
        }

    .form-group input[type='text'], .form-group input[type='email'], .form-group input[type='password'], .form-group input[type='tel'], .form-group input[type='number'] {
        border: 0;
        border-bottom: 1px solid #7c7c7c
    }

        .form-group input[type='number']::-webkit-inner-spin-button, .form-group input[type='number']::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none
        }

    .form-group .form-control {
        font-size: 1.125rem;
        font-weight: 300;
        border-radius: 0;
        outline: none;
        color: #7c7c7c;
        padding: 0;
        background-color: transparent;
        line-height: 1.625rem;
        font-size: 1.125rem
    }

        .form-group .form-control::-webkit-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group .form-control:-moz-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group .form-control::-moz-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group .form-control:-ms-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: 1.125rem;
            font-weight: 300
        }

        .form-group .form-control:focus {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .form-group .form-control.is-textarea {
            padding: .1875rem;
            border: 1px solid #000;
            border-radius: 3px
        }

    .form-group .checkbox {
        font-size: .75rem;
        color: #7c7c7c
    }

        .form-group .checkbox input[type='checkbox'] {
            margin-right: .3125rem
        }

    .form-group.has-error .help-block {
        color: #ba2014;
        text-align: left;
        margin: .625rem 0 0;
        font-size: 1.125rem
    }

    .form-group.has-error ul.list-unstyled li {
        display: none;
        padding: 0 5px 0 0
    }

        .form-group.has-error ul.list-unstyled li:first-child {
            display: inline-block
        }

    .form-group textarea {
        resize: none
    }

    .form-group .form-select {
        border-bottom: 1px solid #000;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        text-overflow: ellipsis
    }

        .form-group .form-select select.form-control:not([size]):not([multiple]) {
            background: transparent;
            border: 0;
            width: 120%;
            margin-left: -.25rem;
            font-size: 1.125rem;
            font-weight: 300;
            height: 27px
        }

        .form-group .form-select .icon {
            position: absolute;
            right: 0;
            top: -3px;
            pointer-events: none;
            background-color: #fff
        }

            .form-group .form-select .icon.icon-angle-down:before {
                font-size: .9375rem
            }

    .form-group .btn {
        height: 2.5rem;
        min-width: 176px;
        width: 100%;
        max-width: 315px;
        margin: 0 auto;
        display: block
    }

@media screen and (min-width: 768px) {
    .form-group .btn {
        max-width: 0
    }
}

.form-default {
    padding: 1.875rem 0 2.5rem
}

    .form-default .instruction {
        font-size: 1.125rem;
        color: #000;
        margin-bottom: 1.5rem;
        line-height: 1.44;
        text-align: center
    }

    .form-default .sub-instruction {
        font-size: 1.125rem;
        color: #000;
        margin-bottom: .625rem;
        line-height: 1.44;
        text-align: center
    }

@media screen and (min-width: 768px) {
    .form-default {
        padding-top: 4.375rem;
        padding-bottom: 6.25rem;
        max-width: 44.375rem;
        margin: 0 auto
    }

        .form-default .instruction {
            font-size: 1.25rem;
            margin-bottom: 1.875rem
        }

        .form-default .sub-instruction {
            font-size: 1rem;
            line-height: 1.5;
            margin-bottom: .9375rem
        }
}

.form-1-column {
    text-align: center
}

    .form-1-column .form-group {
        max-width: 19.6875rem;
        margin-left: auto;
        margin-right: auto
    }

    .form-1-column *:last-child {
        margin-bottom: 0 !important
    }

@media screen and (min-width: 768px) {
    .form-1-column {
        max-width: 31.25rem
    }
}

.modal-form h2 {
    font-size: 1.625rem;
    color: #000;
    line-height: 1.31;
    text-align: center;
    margin-bottom: .625rem
}

.modal-form h3 {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.44;
    text-align: center;
    margin-bottom: 10px
}

.modal-form .form-1-column {
    padding: 0
}

.modal-form .grid-container {
    padding-left: 0;
    padding-right: 0
}

.modal-form .btn {
    min-width: 9.375rem
}

@media screen and (min-width: 768px) {
    .modal-form h2 {
        font-size: 1.875rem;
        line-height: 1.33;
        margin-bottom: .9375rem
    }

    .modal-form h3 {
        margin-bottom: 1.875rem
    }

    .modal-form .btn-wrap {
        text-align: center
    }
}

.ie .form-group .form-select select, .ios .form-group .form-select select {
    margin-left: 0
}

.mobile-view .form-group .form-select select.form-control:not([size]):not([multiple]) {
    margin-left: 0
}

.login {
    width: 100%;
    background-color: #fff;
    padding-top: 6.25rem
}

    .login .title {
        padding-top: .1875rem;
        padding-bottom: 2.0625rem;
        font-size: 1.5rem;
        line-height: 1.33;
        color: #ba2014;
        text-align: center;
        text-transform: uppercase;
        margin: 0 auto
    }

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

        .login .social-login .btn {
            font-size: 0;
            line-height: initial;
            width: 4rem;
            height: 4rem;
            border-radius: 2rem;
            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;
            padding: 0;
            color: #fff
        }

            .login .social-login .btn:hover {
                color: #fff
            }

            .login .social-login .btn.is-btn-fb {
                background-color: #3a589b
            }

            .login .social-login .btn.is-btn-google-plus {
                margin: 0 2.5rem;
                background-color: #f0f0f0
            }

                .login .social-login .btn.is-btn-google-plus img {
                    max-width: 70%
                }

            .login .social-login .btn.is-btn-zalo {
                background-color: #0180c7
            }

                .login .social-login .btn.is-btn-zalo .icon {
                    font-size: .75rem
                }

            .login .social-login .btn .icon {
                min-width: 2.5rem;
                display: inline-block;
                font-size: 1.125rem
            }

    .login .login-or {
        margin: 1.375rem 0;
        font-size: 1.125rem;
        color: #7c7c7c;
        text-transform: uppercase;
        text-align: center
    }

    .login .login-fields {
        margin-bottom: 1.4375rem
    }

        .login .login-fields .login-field {
            width: 100%;
            height: 40px;
            margin-bottom: .9375rem;
            padding: 0 1.25rem
        }

        .login .login-fields .forgot-password-link {
            width: 100%;
            padding-right: 5%;
            text-align: right
        }

        .login .login-fields .btn {
            margin-top: 1.5625rem;
            width: 100%
        }

        .login .login-fields .login-forgot-pwd {
            text-align: right;
            margin-bottom: 1.8125rem;
            max-width: 19.6875rem;
            margin-left: auto;
            margin-right: auto
        }

            .login .login-fields .login-forgot-pwd a {
                font-size: 1.125rem;
                line-height: 1;
                color: #7c7c7c;
                text-decoration: underline
            }

        .login .login-fields .is-password-form {
            margin-bottom: 1.25rem
        }

    .login .login-register {
        text-align: center
    }

        .login .login-register p {
            text-transform: uppercase;
            font-size: 1.125rem;
            color: #000;
            margin-bottom: 0
        }

        .login .login-register a {
            font-size: 1.125rem;
            color: #7c7c7c;
            text-decoration: underline
        }

@media screen and (min-width: 768px) {
    .login .login-top-wrap {
        max-width: 19.6875rem;
        margin: 0 auto
    }

    .login .title {
        font-size: 1.5rem;
        padding-bottom: 2.1875rem
    }

    .login .social-login {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0
    }

        .login .social-login .btn {
            margin: 0
        }

            .login .social-login .btn.is-btn-google-plus {
                margin: 0 2.5rem
            }

    .login .login-or {
        margin: 1.5rem 0 1.3125rem
    }

        .login .login-or::before {
            content: '';
            display: block
        }

    .login .login-fields .btn {
        margin-top: 0
    }

    .login .login-fields .form-group:first-child {
        margin-bottom: 2.5rem
    }

    .login .login-fields .login-forgot-pwd {
        max-width: none
    }

    .login .login-bottom {
        padding-top: 1.5625rem
    }

    .login .is-login-button .btn {
        max-width: none;
        width: 100%
    }
}

.modal .modal-dialog {
    max-width: 62.25rem;
    margin: .625rem
}

.modal .login {
    padding: .625rem 0 0
}

    .modal .login .login-bottom {
        padding: 3.125rem 1.25rem 1.25rem
    }

@media screen and (min-width: 768px) {
    .modal .modal-dialog {
        margin: 1.75rem 1.875rem
    }

    .modal .login {
        padding: 0
    }

        .modal .login .login-register {
            margin-top: .625rem
        }

        .modal .login .login-fields .is-login-button {
            text-align: center
        }

        .modal .login .login-fields .btn {
            width: 100%
        }
}

@media screen and (min-width: 768px) {
    .modal .is-login-modal {
        position: relative;
        overflow: hidden
    }

        .modal .is-login-modal:after {
            content: '\e816';
            position: absolute;
            z-index: 1;
            font-family: "fontello";
            bottom: -10px;
            right: -40px;
            font-size: 18.75rem;
            line-height: 18.75rem;
            color: #f2f2f2
        }
}

@media screen and (min-width: 1024px) {
    .modal .is-login-modal:after {
        right: -48px;
        font-size: 23.125rem;
        line-height: 23.125rem
    }

    .modal .modal-dialog {
        margin: 1.75rem auto
    }
}

.login-home {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin: .9375rem auto
}

@media screen and (min-width: 320px) {
    .login-home {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .login-home {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .login-home {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .login-home {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.login-home .login-register {
    text-align: center;
    padding-top: .625rem
}

@media screen and (min-width: 768px) {
    .login-home .login {
        background: url("../img/icn-user.svg") no-repeat right bottom;
        border: 1px solid #080808;
        padding: 1rem
    }

    .login-home .login-top-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .login-home .login-top-wrap h2 {
            width: 100%
        }

        .login-home .login-top-wrap .login-fields {
            width: 19.6875rem
        }

            .login-home .login-top-wrap .login-fields form {
                width: 100%
            }

        .login-home .login-top-wrap .social-login {
            padding: 0
        }

            .login-home .login-top-wrap .social-login .is-btn-google-plus {
                margin: 0 2.5rem
            }

        .login-home .login-top-wrap .login-fields {
            padding-left: 3.125rem;
            margin-left: 3.125rem;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: stretch;
            align-content: stretch
        }

            .login-home .login-top-wrap .login-fields .login-or {
                margin: 0;
                height: 100%;
                position: relative
            }

                .login-home .login-top-wrap .login-fields .login-or::before {
                    content: '';
                    display: block;
                    position: absolute;
                    z-index: -1;
                    left: -3.125rem;
                    height: 100%;
                    width: 1px;
                    border-left: 1px solid #080808
                }

                .login-home .login-top-wrap .login-fields .login-or span {
                    position: absolute;
                    z-index: 1;
                    left: -3.125rem;
                    top: 50%;
                    margin: 0;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    display: inline-block;
                    padding: .3125rem;
                    background-color: #fff
                }

        .login-home .login-top-wrap .login-register {
            width: 100%;
            text-align: center
        }
}

.ie .login .social-login .btn.is-btn-google-plus img {
    width: 70%
}

@media screen and (min-width: 768px) {
    .ie body .modal-dialog {
        height: calc(100% - 60px)
    }
}

.ie11 .modal {
    z-index: 999999
}

    .ie11 .modal .is-login-modal:after {
        bottom: 9.75rem
    }

.ie11.retina .modal {
    z-index: 999999
}

    .ie11.retina .modal .is-login-modal:after {
        bottom: -1.5625rem
    }

.win.chrome .modal .is-login-modal:after {
    bottom: -1.5625rem
}

.modal-register-suggestion {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    display: none
}

    .modal-register-suggestion .modal-dialog {
        margin: 0
    }

        .modal-register-suggestion .modal-dialog .modal-content {
            background: transparent;
            border: 0
        }

            .modal-register-suggestion .modal-dialog .modal-content .modal-body {
                margin: 0 auto;
                padding-left: .9375rem;
                padding-right: .9375rem;
                padding: .3125rem;
                border: 1px solid #080808;
                background: #fff;
                position: relative
            }

@media screen and (min-width: 320px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.modal-register-suggestion .login {
    padding: 0 1.875rem
}

    .modal-register-suggestion .login .title {
        font-size: 1rem;
        line-height: 1;
        padding: .25rem 0 .5rem
    }

    .modal-register-suggestion .login .social-login .btn {
        width: 2.5rem;
        height: 2.5rem
    }

        .modal-register-suggestion .login .social-login .btn .icon {
            min-width: 2.5rem;
            font-size: 1rem
        }

        .modal-register-suggestion .login .social-login .btn.is-btn-zalo .icon {
            font-size: .625rem
        }

    .modal-register-suggestion .login .login-or {
        margin: .5rem 0
    }

    .modal-register-suggestion .login .login-forgot-pwd {
        display: none
    }

.register-suggestion-form {
    margin: .125rem auto
}

    .register-suggestion-form .login-register {
        text-align: center;
        padding-top: .3125rem
    }

        .register-suggestion-form .login-register p {
            display: inline-block
        }

@media screen and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog {
        margin: 0
    }

        .modal-register-suggestion .modal-dialog .modal-content {
            background: transparent;
            border: 0
        }

            .modal-register-suggestion .modal-dialog .modal-content .modal-body {
                margin: 0 auto;
                padding-left: .9375rem;
                padding-right: .9375rem;
                background: #fff;
                padding: 1rem;
                border: 1px solid #080808
            }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .modal-register-suggestion .modal-dialog .modal-content .modal-body {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .modal-register-suggestion .register-suggestion-form .login {
        border: 0;
        padding: 0;
        background: none
    }

    .modal-register-suggestion .register-suggestion-form .title {
        font-size: 1.5rem;
        padding: .5rem 0 1rem
    }

    .modal-register-suggestion .register-suggestion-form .social-login .btn {
        width: 3.75rem;
        height: 3.75rem
    }

        .modal-register-suggestion .register-suggestion-form .social-login .btn .icon {
            min-width: 3.75rem;
            font-size: 1.5rem
        }

        .modal-register-suggestion .register-suggestion-form .social-login .btn.is-btn-zalo .icon {
            font-size: .875rem
        }

    .modal-register-suggestion .register-suggestion-form .login-fields .form-group {
        width: 33%;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 .5rem
    }

        .modal-register-suggestion .register-suggestion-form .login-fields .form-group .form-group {
            width: 100%
        }

        .modal-register-suggestion .register-suggestion-form .login-fields .form-group:first-child {
            margin: 0 0 .5rem
        }

        .modal-register-suggestion .register-suggestion-form .login-fields .form-group .btn {
            height: 1.75rem;
            font-size: .75rem;
            line-height: .75rem;
            padding: 0
        }
}

.register .tnc-instruction {
    font-size: 1.125rem;
    color: #7c7c7c;
    padding: 0 .9375rem 2.5rem;
    line-height: 1.44;
    max-width: 345px;
    margin: 0 auto
}

    .register .tnc-instruction a {
        text-decoration: underline;
        color: #7c7c7c
    }

.receive-otp .resend-otp-button {
    color: #7c7c7c;
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
    display: inline-block;
    line-height: 1.44
}

    .receive-otp .resend-otp-button a {
        text-decoration: underline;
        text-transform: none;
        font-weight: 300;
        font-size: 1.125rem
    }

        .receive-otp .resend-otp-button a:hover {
            color: #ba2014
        }

.receive-otp .form-group {
    margin-bottom: 1.625rem
}

.receive-otp .reSendOTPSuccess {
    color: #417505
}

.receive-otp .reSendOTPFail {
    color: #ba2014
}

@media screen and (min-width: 768px) {
    .receive-otp .form-group {
        margin-bottom: 2.1875rem
    }

    .receive-otp .resend-otp-button {
        margin-bottom: 1.875rem
    }
}

.rich-text {
    margin-bottom: 2.5rem;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.625rem
}

    .rich-text:last-child {
        margin-bottom: 0
    }

    .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .rich-text p, .rich-text ul, .rich-text ol {
        font-family: "Oswald",sans-serif;
        margin: 0 0 1.25rem
    }

        .rich-text h2 span, .rich-text h3 span, .rich-text h4 span, .rich-text h5 span, .rich-text h6 span, .rich-text p span, .rich-text ul span, .rich-text ol span {
            font-family: "Oswald",sans-serif !important
        }

    .rich-text h2 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 400
    }

    .rich-text h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 400
    }

    .rich-text h4 {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400
    }

    .rich-text h5 {
        font-size: .8125rem;
        line-height: 1rem;
        font-weight: 400
    }

    .rich-text h6 {
        font-size: .6875rem;
        line-height: .875rem;
        font-weight: 400
    }

    .rich-text p {
        padding: 0;
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.625rem
    }

        .rich-text p span {
            font-family: "Oswald",sans-serif !important;
            /*font-weight: 300*/
        }

    .rich-text ul, .rich-text ol {
        padding-left: 2rem;
        list-style: none
    }

        .rich-text ul li, .rich-text ol li {
            font-size: 1.125rem;
            line-height: 1.625rem;
            color: #000;
            margin-top: 0
        }

            .rich-text ul li span, .rich-text ol li span {
                font-family: "Oswald",sans-serif !important;
                font-weight: 300 !important
            }

            .rich-text ul li:before, .rich-text ol li:before {
                content: "";
                display: inline-block;
                position: relative;
                border-radius: 50%;
                background-color: #7c7c7c;
                width: 6px;
                height: 6px;
                margin-left: -1.25rem;
                margin-top: .6875rem;
                margin-right: .875rem;
                vertical-align: top
            }

    .rich-text ol {
        counter-reset: li;
        padding-left: 2rem
    }

        .rich-text ol li {
            counter-increment: li
        }

            .rich-text ol li:before {
                background-color: transparent;
                color: #7c7c7c;
                height: auto;
                width: 1.125rem;
                /*content: counter(li) ".";*/
                font-size: 1.125rem;
                line-height: 1.625rem;
                text-align: right;
                margin-top: 0;
                margin-left: -2rem
            }

    .rich-text a {
        color: #000;
        text-decoration: underline
    }

        .rich-text a:hover {
            color: #ba2014
        }

    .rich-text img {
        max-width: 100% !important;
        height: auto !important
    }

        .rich-text img.aligncenter {
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    .rich-text iframe {
        width: 100% !important;
        height: calc((100vw - 30px) * 0.5625) !important;
        max-height: calc((1200px) * 0.5625) !important
    }

.two-columns-container .rich-text iframe {
    height: calc((100vw - 30px) / 2 * 0.5625) !important;
    max-height: calc((1200px) / 2 * 0.5625) !important
}

.rich-text *:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.rich-text table {
    margin-bottom: 1.875rem;
    width: 100%
}

    .rich-text table tr th {
        border: 1px solid #d8d8d8;
        background: #d8d8d8;
        font-weight: 400;
        padding: .625rem
    }

    .rich-text table tr td {
        border: 1px solid #d8d8d8;
        padding: .625rem
    }

.rich-text ul.table-ul {
    padding: 0;
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .rich-text ul.table-ul li {
        list-style: none;
        text-align: center;
        width: 100%
    }

        .rich-text ul.table-ul li:before {
            content: none
        }

        .rich-text ul.table-ul li img {
            text-align: center
        }

    .rich-text ul.table-ul ul {
        padding: 0
    }

        .rich-text ul.table-ul ul li {
            margin-bottom: 1.875rem
        }

.img-rich-text {
    max-width: 100%;
    margin-bottom: .625rem
}

figure {
    margin: .625rem 0
}

    figure figcaption {
        font-size: .75rem;
        line-height: .875rem;
        color: #212529
    }

.single-youtube {
    margin-bottom: 1.25rem
}

.youtube {
    margin: 10px 0
}

    .youtube iframe {
        max-width: 100%
    }

    .youtube.is-youtube-responsive {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden
    }

        .youtube.is-youtube-responsive:before {
            display: block;
            content: ''
        }

        .youtube.is-youtube-responsive iframe {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .youtube.is-youtube-responsive.is-ratio-21by9:before {
            padding-top: 42.85714%
        }

        .youtube.is-youtube-responsive.is-ratio-16by9:before {
            padding-top: 56.25%
        }

        .youtube.is-youtube-responsive.is-ratio-4by3:before {
            padding-top: 75%
        }

        .youtube.is-youtube-responsive.is-ratio-1by1:before {
            padding-top: 100%
        }

.star-rating {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem
}

    .star-rating .star {
        margin-right: 5px;
        position: relative;
        width: 1.4375rem
    }

        .star-rating .star::before {
            font-family: "fontello";
            font-size: 1.3125rem;
            content: '\e83a'
        }

        .star-rating .star:first-child {
            margin-left: .6875rem
        }

        .star-rating .star:hover {
            cursor: pointer
        }

            .star-rating .star:hover::before {
                content: '\E838'
            }

        .star-rating .star.checked::before {
            content: '\E838'
        }

@media screen and (min-width: 768px) {
    .rich-text {
        margin-bottom: 3.75rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }

        .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .rich-text p, .rich-text ul, .rich-text ol {
            margin-bottom: 1.875rem
        }

        .rich-text h2 {
            font-size: 1.875rem;
            line-height: 1.75rem
        }

        .rich-text p {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .rich-text ul li, .rich-text ol li {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .rich-text iframe {
            height: calc((100vw - 60px) * 0.5625) !important
        }

    .two-columns-container .rich-text iframe {
        height: calc((100vw - 60px) / 2 * 0.5625) !important
    }

    .rich-text ul.table-ul li {
        width: calc(100% / 3)
    }

        .rich-text ul.table-ul li ul li {
            width: 100%
        }
}

@media screen and (min-width: 1024px) {
    .rich-text table {
        max-width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .rich-text table {
        width: 100% !important;
        max-width: 100% !important
    }
}

.article-list {
    width: 100%;
    text-align: center;
    padding-bottom: 1.875rem
}

    .article-list .brief-intro {
        font-size: 1.125rem;
        line-height: 1.44;
        color: #7c7c7c;
        text-align: center;
        padding-top: 1.875rem
    }

    .article-list .articles {
        padding: 1.875rem 0
    }

    .article-list .btn-see-more {
        text-align: center
    }

    .article-list.related-article {
        margin-bottom: 0
    }

        .article-list.related-article .articles {
            padding-bottom: 0
        }

    .article-list .grid-container > *:last-child {
        padding-bottom: 0
    }

@media screen and (min-width: 768px) {
    .article-list {
        padding-left: .0625rem;
        padding-right: .0625rem;
        padding-bottom: 6.25rem
    }

        .article-list .brief-intro {
            max-width: 43.75rem;
            font-size: 1.25rem;
            margin: 0 auto
        }

        .article-list .articles {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -15px;
            padding-bottom: 3.125rem
        }
}

.contact-us {
    max-width: 47.5rem
}

    .contact-us label {
        color: #7c7c7c;
        margin-bottom: 0
    }

    .contact-us .sub-instruction {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }

    .contact-us .half-block {
        padding: 0 .9375rem;
        max-width: 100%;
        margin: 0 auto
    }

        .contact-us .half-block .form-group {
            margin-bottom: 1.625rem
        }

    .contact-us .form-radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .contact-us .radio {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

        .contact-us .radio input[type='radio'] {
            display: none
        }

            .contact-us .radio input[type='radio'] + label {
                font-size: 1rem;
                line-height: 1.5;
                color: #000;
                cursor: pointer;
                margin-bottom: 0;
                width: 100%;
                padding: 0 .625rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                min-height: 2.5rem;
                border: 1px solid #7c7c7c;
                border-radius: .1875rem
            }

                .contact-us .radio input[type='radio'] + label i {
                    display: none;
                    margin-right: .625rem
                }

            .contact-us .radio input[type='radio']:checked + label {
                color: #fff;
                background: #ba2014;
                border-color: #ba2014
            }

                .contact-us .radio input[type='radio']:checked + label i {
                    display: inline-block
                }

    .contact-us textarea {
        min-height: 9.375rem
    }

@media screen and (min-width: 768px) {
    .contact-us form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .contact-us form .half-block {
            width: 21.5625rem;
            margin: 0 1.0625rem
        }
}

.ie .contact-us .radio input[type='radio'] + label {
    padding: .3125rem
}

.slick-loading .slick-list {
    background: #fff url("../../img/ajax-loader.gif") center center no-repeat
}

.slick-slide > div {
    font-size: 0
}

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

.slick-prev, .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    outline: none
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: 0
}

[dir='rtl'] .slick-prev {
    left: auto;
    right: 0
}

.slick-prev:before {
    content: "←"
}

[dir='rtl'] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: 0
}

[dir='rtl'] .slick-next {
    left: 0;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir='rtl'] .slick-next:before {
    content: "←"
}

.slick-dots {
    position: absolute;
    bottom: 11px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 1px solid #fff;
            border-radius: 50%;
            background: transparent;
            display: block;
            height: 10px;
            width: 10px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 4px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

        .slick-dots li.slick-active button {
            background-color: #fff;
            opacity: 1
        }

.left-arrow, .right-arrow {
    -webkit-transition: opacity ease-in;
    transition: opacity ease-in;
    font-size: 2.6875rem;
    height: auto;
    width: auto;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .left-arrow:hover, .right-arrow:hover {
        opacity: 1
    }

@media screen and (min-width: 768px) {
    .left-arrow {
        left: 30px
    }

    i.right-arrow {
        right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .left-arrow {
        left: 60px
    }

    i.right-arrow {
        right: 60px
    }
}

.two-columns-container {
    width: 100%
}

@media screen and (min-width: 768px) {
    .two-columns-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .two-columns-container .column {
            width: calc(100% / 2 - 15px)
        }
}

.welcome {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    text-align: center;
    height: 7.5rem;
    position: relative;
    margin-bottom: 0
}

@media screen and (min-width: 320px) {
    .welcome {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .welcome {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .welcome {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .welcome {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.welcome .welcome-inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .9375rem 0
}

    .welcome .welcome-inner h2 {
        font-size: 1.5rem;
        color: #ba2014;
        line-height: 1.33
    }

    .welcome .welcome-inner p {
        font-size: 1.125rem;
        line-height: 1.44;
        color: #7c7c7c;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .welcome .welcome-inner i {
        color: #ba2014;
        font-size: 1.875rem;
        line-height: 1px;
        margin-top: .625rem;
        display: block;
        cursor: pointer
    }

        .welcome .welcome-inner i:before {
            -webkit-animation: welcome-arrow 1s infinite normal ease-out;
            animation: welcome-arrow 1s infinite normal ease-out;
            position: relative
        }

    .welcome .welcome-inner.not-login ul {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .welcome .welcome-inner.not-login ul li a {
            padding: 0 20px;
            color: #000;
            line-height: normal
        }

        .welcome .welcome-inner.not-login ul li:first-child a {
            border-right: 1px solid #d8d8d8
        }

@media screen and (min-width: 768px) {
    .welcome {
        height: 10rem
    }

        .welcome .welcome-inner h2 {
            font-size: 1.875rem;
            line-height: 1.33
        }

        .welcome .welcome-inner p {
            font-size: 1.25rem;
            line-height: 1.4
        }

        .welcome .welcome-inner i {
            font-size: 2rem;
            margin-top: .9375rem
        }
}

@-webkit-keyframes welcome-arrow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes welcome-arrow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.social-interaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    line-height: 1.125rem
}

    .social-interaction .like, .social-interaction .share {
        margin-right: .5rem
    }

        .social-interaction .like i, .social-interaction .share i {
            font-size: .8125rem
        }

        .social-interaction .like .icon-icn-like-active {
            color: #ba2014
        }

    .social-interaction .comment i {
        font-size: .9375rem
    }

    .social-interaction .like, .social-interaction .comment, .social-interaction .share {
        text-align: center
    }

        .social-interaction .like i, .social-interaction .comment i, .social-interaction .share i {
            display: block
        }

        .social-interaction .like span, .social-interaction .comment span, .social-interaction .share span {
            font-size: .875rem
        }

        .social-interaction .like a, .social-interaction .comment a, .social-interaction .share a {
            color: #fff
        }

            .social-interaction .like a:hover, .social-interaction .comment a:hover, .social-interaction .share a:hover {
                text-decoration: none
            }

@media screen and (min-width: 768px) {
    .social-interaction {
        line-height: 1.625rem
    }

        .social-interaction .like, .social-interaction .share {
            margin-right: .6875rem
        }

            .social-interaction .like i, .social-interaction .comment i, .social-interaction .share i {
                display: block;
                font-size: 1.125rem
            }

            .social-interaction .like span, .social-interaction .comment span, .social-interaction .share span {
                font-size: 1.125rem
            }
}

.is-dropdown-not-hide .dropdown-toggle {
    color: #000
}

    .is-dropdown-not-hide .dropdown-toggle:after {
        content: none
    }

    .is-dropdown-not-hide .dropdown-toggle:hover, .is-dropdown-not-hide .dropdown-toggle:focus {
        cursor: pointer;
        text-decoration: none
    }

    .is-dropdown-not-hide .dropdown-toggle:hover {
        color: #ba2014
    }

.is-dropdown-not-hide .dropdown-menu {
    -webkit-transition: opacity ease;
    transition: opacity ease;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    top: 100%;
    right: 0;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: .625rem;
    margin-top: .625rem;
    border-radius: 0
}

    .is-dropdown-not-hide .dropdown-menu span {
        display: block;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: unset;
        line-height: 1.4;
        margin-bottom: .625rem;
        width: 100%;
        color: #000;
        text-align: center
    }

@media screen and (min-width: 768px) {
    .is-dropdown-not-hide .dropdown-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.social span {
    display: block;
    font-size: 1.25rem;
    font-weight: 300;
    text-transform: unset;
    line-height: 1.4;
    margin-bottom: .625rem;
    width: 100%;
    color: #000;
    text-align: center
}

.social .items-social {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 9.375rem
}

    .social .items-social .item {
        margin-left: 0
    }

        .social .items-social .item a {
            color: #fff;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            margin-right: 1.25rem;
            text-align: center;
            display: block;
            line-height: 2.5rem;
            cursor: pointer
        }

            .social .items-social .item a:hover {
                text-decoration: none !important
            }

        .social .items-social .item.is-facebook a {
            background-color: #3a589b;
            font-size: .625rem
        }

        .social .items-social .item.is-zalo a {
            background-color: #0180c7;
            font-size: .5rem
        }

        .social .items-social .item.is-zalo iframe {
            margin-top: 10px
        }

        .social .items-social .item:last-child a {
            margin-right: 0
        }

.social-interaction-bar {
    border-bottom: 1px solid #d8d8d8;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 4.375rem;
    background-color: #fff;
    height: 5.625rem
}

    .social-interaction-bar .grid-container {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: inherit
    }

    .social-interaction-bar .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .social-interaction-bar .button .btn {
            min-height: 3.75rem;
            height: auto;
            min-width: 10rem;
            max-width: 10rem;
            font-size: 1rem;
            padding: 0 .625rem;
            white-space: normal
        }

            .social-interaction-bar .button .btn span {
                display: block;
                line-height: 1.5
            }

                .social-interaction-bar .button .btn span:nth-child(2) {
                    display: none
                }

    .social-interaction-bar ul.nav {
        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-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: center
    }

        .social-interaction-bar ul.nav li {
            margin-left: 1.875rem
        }

            .social-interaction-bar ul.nav li:first-child {
                margin-left: 0
            }

            .social-interaction-bar ul.nav li:hover {
                color: #ba2014;
                cursor: pointer
            }

            .social-interaction-bar ul.nav li .icon {
                font-size: .8125rem
            }

                .social-interaction-bar ul.nav li .icon.icon-icn-save-active, .social-interaction-bar ul.nav li .icon.icon-icn-like-active {
                    color: #ba2014
                }

            .social-interaction-bar ul.nav li p {
                font-size: 1.0625rem;
                text-transform: uppercase;
                white-space: nowrap
            }

            .social-interaction-bar ul.nav li.is-orther-dropdown a {
                color: #000
            }

                .social-interaction-bar ul.nav li.is-orther-dropdown a::after {
                    content: unset
                }

                .social-interaction-bar ul.nav li.is-orther-dropdown a:hover, .social-interaction-bar ul.nav li.is-orther-dropdown a:focus {
                    cursor: pointer;
                    text-decoration: none
                }

            .social-interaction-bar ul.nav li.item-rating .count, .social-interaction-bar ul.nav li.item-rating .rating-button {
                display: none
            }

            .social-interaction-bar ul.nav li.item-rating .icon-icn-rating {
                color: #ba2014
            }

            .social-interaction-bar ul.nav li.show .dropdown-toggle {
                color: #ba2014
            }

    .social-interaction-bar ul.dropdown-menu {
        padding: 0;
        border-radius: 0
    }

        .social-interaction-bar ul.dropdown-menu li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-left: 0;
            min-height: 3.75rem;
            padding: 0 .625rem;
            border-bottom: 1px solid #d8d8d8
        }

            .social-interaction-bar ul.dropdown-menu li .icon {
                display: inline-block;
                margin-left: .3125rem
            }

            .social-interaction-bar ul.dropdown-menu li p {
                display: inline-block
            }

@media screen and (max-width: 374px) {
    .social-interaction-bar .button .btn {
        min-width: 8.75rem
    }

    .social-interaction-bar ul.nav li {
        margin-left: .625rem
    }
}

@media screen and (min-width: 768px) {
    .social-interaction-bar {
        height: 5rem
    }

        .social-interaction-bar .button {
            margin-right: 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .social-interaction-bar .button .btn {
                min-height: 2.5rem;
                min-width: 0;
                padding-left: 1.875rem;
                padding-right: 1.875rem;
                max-width: none
            }

                .social-interaction-bar .button .btn span {
                    display: inline
                }

                    .social-interaction-bar .button .btn span:nth-child(2) {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex
                    }

        .social-interaction-bar ul.nav {
            -webkit-box-flex: unset;
            -ms-flex-positive: unset;
            flex-grow: unset
        }

            .social-interaction-bar ul.nav li {
                margin-left: 2.5rem;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex
            }

                .social-interaction-bar ul.nav li .icon {
                    margin-right: .625rem
                }

                .social-interaction-bar ul.nav li.is-orther-dropdown {
                    margin-left: 0
                }

                    .social-interaction-bar ul.nav li.is-orther-dropdown .dropdown-toggle {
                        display: none
                    }

                    .social-interaction-bar ul.nav li.is-orther-dropdown .dropdown-menu {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        position: inherit;
                        background-color: transparent;
                        border: 0
                    }

                        .social-interaction-bar ul.nav li.is-orther-dropdown .dropdown-menu li {
                            margin-left: 2.5rem;
                            border-bottom: 0;
                            padding: 0;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: row;
                            flex-direction: row
                        }

                            .social-interaction-bar ul.nav li.is-orther-dropdown .dropdown-menu li .icon {
                                margin-left: 0
                            }

                .social-interaction-bar ul.nav li.is-share-popup a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }
}

@media screen and (min-width: 1024px) {
    .social-interaction-bar {
        top: -1px
    }

        .social-interaction-bar .button .btn {
            min-width: 18.75rem
        }
}

.mobile .is-dropdown-not-hide .dropdown-toggle:hover {
    color: #000
}

.mobile .social-interaction-bar ul.nav li:hover {
    color: #000
}

.ie11 .social-interaction-bar {
    z-index: 1039
}

.personalization {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 320px) {
    .personalization {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .personalization {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .personalization {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .personalization {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.personalization .personalization-item {
    margin-bottom: 1.875rem
}

.personalization .image img {
    width: 100%
}

.personalization .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .625rem
}

    .personalization .title h2 {
        font-size: 1.625rem;
        color: #000;
        text-transform: initial;
        line-height: 2.125rem;
        margin: 0 .9375rem 0 0
    }

        .personalization .title h2 a {
            color: #000
        }

            .personalization .title h2 a:hover {
                text-decoration: none
            }

.personalization .social-interaction {
    color: #000;
    margin-top: .375rem
}

    .personalization .social-interaction .share a, .personalization .social-interaction .like a, .personalization .social-interaction .comment a {
        color: #000
    }

    .personalization .social-interaction .share i, .personalization .social-interaction .like i, .personalization .social-interaction .comment i {
        font-size: .9375rem;
        height: 1.4375rem
    }

    .personalization .social-interaction .share span, .personalization .social-interaction .like span, .personalization .social-interaction .comment span {
        font-size: 1.125rem
    }

.personalization .time {
    color: #7c7c7c;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .625rem 0
}

.personalization .time-red {
    color: #ba2014;
}

.personalization .brief {
    color: #000;
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media screen and (min-width: 768px) {
    .personalization .personalization-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -.9375rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .personalization .personalization-item {
        width: calc(100% / 2 - 30px);
        margin: 0 .9375rem 2.8125rem
    }

    .personalization .title h2 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }

    .personalization .social-interaction i {
        font-size: .8125rem;
        line-height: 1;
        margin-bottom: 2px
    }

    .personalization .social-interaction span {
        font-size: .875rem;
        line-height: 1;
        display: block
    }

    .personalization .brief {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media screen and (min-width: 768px) {
    .ie .personalization .social-interaction {
        margin-right: 2rem
    }
}

.trending-article {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .trending-article {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .trending-article {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .trending-article {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .trending-article {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.trending-article .trending-article-item {
    margin-bottom: 1.875rem;
    padding: 50% 0 1.875rem
}

    .trending-article .trending-article-item:last-child {
        margin-bottom: 0
    }

.trending-article .content {
    margin: 0 .9375rem;
    background: #fff;
    opacity: 0.9;
    text-align: center;
    padding: 1.75rem .9375rem 1.875rem
}

    .trending-article .content h2 {
        font-size: 1.875rem;
        color: #ba2014;
        line-height: 2.5rem
    }

    .trending-article .content .brief {
        color: #000;
        font-size: 1.25rem;
        line-height: 1.75rem;
        padding: .1875rem 0 .625rem
    }

    .trending-article .content .btn {
        padding: 0 1.25rem
    }

.trending-article .is-compat-object-fit {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: top
}

    .trending-article .is-compat-object-fit picture {
        display: none
    }

@media screen and (min-width: 768px) {
    .trending-article {
        padding-bottom: 6.25rem
    }

        .trending-article .trending-article-item {
            margin-bottom: 3.125rem;
            padding: 0;
            position: relative
        }

        .trending-article .image {
            position: relative;
            width: 100%;
            height: 100%
        }

            .trending-article .image img {
                width: 100%;
                height: 100%
            }

        .trending-article .content {
            width: 80%;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 3.125rem;
            padding: 1.875rem 10%
        }

            .trending-article .content .brief {
                padding: .625rem 0
            }

            .trending-article .content .btn {
                padding: 0 1.5625rem;
                width: auto;
                min-width: 176px
            }

        .trending-article .is-compat-object-fit {
            background: none
        }

            .trending-article .is-compat-object-fit picture {
                display: block
            }
}

@media screen and (min-width: 1024px) {
    .trending-article .content {
        width: 50%;
        padding: 1.875rem 5%
    }
}

.related-articles-title {
    font-size: 1.25rem;
    text-align: left;
    color: #ba2014;
    padding-top: 1.5625rem;
    border-top: 1px solid #d0d0d0
}

@media screen and (min-width: 768px) {
    .related-articles-title {
        font-size: 2.25rem;
        padding-top: 2.8125rem;
        padding-bottom: .875rem
    }
}

.tags .title {
    border-top: 1px solid #7c7c7c;
    font-size: 1.5rem;
    color: #ba2014;
    padding-top: 1.5rem;
    padding-bottom: 1.4375rem
}

.tags .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.9375rem;
    padding-bottom: 2.3125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .tags .items .item {
        color: #000;
        font-size: 1.125rem;
        padding: 0 1.5625rem .8125rem .9375rem
    }

@media screen and (min-width: 768px) {
    .tags .title {
        font-size: 2.25rem;
        padding-bottom: 2.125rem;
        padding-left: .375rem
    }

    .tags .items {
        padding-left: .375rem
    }

        .tags .items .item {
            font-size: 1.25rem;
            padding-right: 3.125rem
        }
}

.quiz {
    margin-bottom: 2.5rem
}

    .quiz .content {
        border: 1px solid #7c7c7c;
        border-radius: 3px;
        padding: 1.125rem .9375rem .9375rem
    }

.mobile .quiz .content .btn-dark:hover {
    color: #000;
    border-color: #000
}

.mobile .quiz .content .btn-dark:not(:disabled):not(.disabled):active, .mobile .quiz .content .btn-dark:not(:disabled):not(.disabled).active {
    color: #000;
    border-color: #000
}

.quiz .content .quiz-intro {
    text-align: center
}

    .quiz .content .quiz-intro .intro-content {
        font-size: 1.875rem;
        line-height: 1.33;
        padding-bottom: 2.5rem;
        padding-top: 4.375rem
    }

    .quiz .content .quiz-intro button {
        width: auto;
        min-width: 170px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 4.6875rem
    }

.quiz .content .result {
    text-align: center
}

    .quiz .content .result .result-content {
        font-size: 1.875rem;
        line-height: 1.33;
        padding-bottom: 2.5rem;
        padding-top: 2.3125rem
    }

    .quiz .content .result button {
        width: auto;
        min-width: 170px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 4.6875rem
    }

.quiz .content .title {
    font-size: 1.625rem;
    line-height: 1.31;
    margin-bottom: .9375rem
}

.quiz .content .question-number {
    font-size: 1.125rem;
    padding-bottom: .25rem
}

.quiz .content .question {
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding-right: .9375rem
}

.quiz .content .options {
    padding: .4375rem 0 .75rem .1875rem
}

.quiz .content .navigation {
    text-align: center
}

    .quiz .content .navigation .back {
        position: relative;
        width: 100%;
        margin-right: 1.25rem
    }

        .quiz .content .navigation .back .icon-back {
            line-height: 2.3125rem
        }

    .quiz .content .navigation .forward {
        position: relative;
        width: 100%
    }

        .quiz .content .navigation .forward .icon-forward {
            line-height: 2.3125rem
        }

    .quiz .content .navigation.two-buttons {
        font-size: 0;
        line-height: 0
    }

        .quiz .content .navigation.two-buttons button {
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 10px)
        }

.quiz .result-modal .result-modal-content {
    max-width: 345px;
    margin: auto
}

    .quiz .result-modal .result-modal-content .content-body .title {
        font-size: 1.625rem;
        text-align: center
    }

    .quiz .result-modal .result-modal-content .content-body .result-content {
        font-size: 1.125rem;
        line-height: 1.44;
        padding: 1.25rem 0;
        text-align: center
    }

@media screen and (min-width: 768px) {
    .quiz {
        margin-bottom: 6.25rem
    }

        .quiz .content {
            padding: 1.875rem 2.8125rem 2.8125rem 1.8125rem
        }

            .quiz .content .title {
                margin-bottom: .9375rem
            }

            .quiz .content .question-number {
                font-weight: 500;
                font-size: 1.25rem;
                padding-bottom: 1.25rem
            }

            .quiz .content .question {
                font-size: 1.25rem
            }

            .quiz .content .options {
                padding: 2.3125rem 0 1.3125rem .1875rem
            }

            .quiz .content .result .result-content {
                padding-top: 3.4375rem
            }

            .quiz .content .navigation {
                text-align: right
            }

                .quiz .content .navigation .back, .quiz .content .navigation .forward {
                    margin-bottom: 0
                }

                .quiz .content .navigation .back, .quiz .content .navigation .forward, .quiz .content .navigation .submit-button {
                    width: auto;
                    padding: 0 2.8125rem
                }

                    .quiz .content .navigation .back .icon-forward, .quiz .content .navigation .forward .icon-forward, .quiz .content .navigation .submit-button .icon-forward {
                        top: 0;
                        right: 25px
                    }

                    .quiz .content .navigation .back .icon-back, .quiz .content .navigation .forward .icon-back, .quiz .content .navigation .submit-button .icon-back {
                        top: 0;
                        left: 25px
                    }
}

.quiz-single-answer .option {
    display: block;
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1.125rem
}

@media screen and (min-width: 768px) {
    .quiz-single-answer .option {
        font-size: 1.25rem;
        padding-left: 2.8125rem;
        margin-bottom: 1.125rem
    }
}

.quiz-multiple-answer .option {
    display: block;
    position: relative;
    padding-left: 2.1875rem;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1.125rem
}

@media screen and (min-width: 768px) {
    .quiz-multiple-answer .option {
        font-size: 1.25rem;
        padding-left: 3.25rem;
        margin-bottom: 1.125rem
    }
}

.quiz-text-answer .content .answer {
    padding-left: 0;
    padding-right: 15px
}

@media screen and (min-width: 768px) {
    .quiz-text-answer .content .answer {
        padding-bottom: 2.1875rem
    }
}

.static-banner {
    position: relative;
    border-bottom: 1px solid #d8d8d8
}

    .static-banner .image {
        display: none
    }

    .static-banner .image {
        position: relative;
        width: 100%;
        height: 100%
    }

        .static-banner .image img {
            width: 100%;
            min-height: 160px;
            -o-object-fit: cover;
            object-fit: cover
        }

    .static-banner .heading {
        line-height: 1.38;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.5rem;
        color: #ba2014;
        padding: .6875rem 0
    }

@media screen and (min-width: 768px) {
    .static-banner {
        border: 0
    }

        .static-banner .image {
            display: block
        }

        .static-banner .heading {
            display: block;
            -webkit-animation-duration: .5s;
            animation-duration: .5s;
            font-size: 2.5rem;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding: 0;
            border: 0;
            width: 100%
        }
}

@media screen and (min-width: 1024px) {
    .static-banner .heading {
        font-size: 3.625rem;
        line-height: 1.17
    }
}

.comment-block {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 320px) {
    .comment-block {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .comment-block {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .comment-block {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .comment-block {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.comment-block h3 {
    color: #ba2014;
    font-size: 1.25rem;
    margin-bottom: .875rem;
    line-height: normal
}

.comment-block .no-comment-title {
    color: #7c7c7c;
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
    line-height: normal;
    text-align: center
}

.comment-block .media {
    margin-bottom: 1.4375rem
}

    .comment-block .media .image {
        width: 3.5rem;
        height: 3.5rem;
        overflow: hidden;
        margin-right: 1.5rem
    }

        .comment-block .media .image img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
            border: 1px solid #d8d8d8
        }

    .comment-block .media .media-body {
        max-width: 1200px;
        min-width: 12.5rem;
        word-wrap: break-word
    }

        .comment-block .media .media-body .name-vs-time {
            font-size: 1.125rem;
            line-height: 1.44;
            margin-bottom: .1875rem
        }

            .comment-block .media .media-body .name-vs-time .time {
                font-size: 1rem;
                color: #7c7c7c;
                position: relative;
                line-height: 1.5;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .comment-block .media .media-body .name-vs-time .time img {
                    width: 20px;
                    height: 20px;
                    margin-right: .4375rem
                }

        .comment-block .media .media-body p {
            line-height: 1.44;
            font-size: 1.125rem;
            margin-bottom: 0
        }

.comment-block .button {
    text-align: center;
    margin-bottom: 1.375rem
}

.comment-block .create-comment .media-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .6875rem
}

    .comment-block .create-comment .media-center .image {
        width: 4.375rem;
        height: 4.375rem;
        margin-right: .9375rem
    }

    .comment-block .create-comment .media-center .media-body .name {
        font-size: .875rem;
        line-height: normal
    }

.comment-block .create-comment .form-style .comment-text .form-control {
    font-size: 1.125rem;
    font-weight: 300;
    border-radius: 3px;
    min-height: 6rem;
    margin-bottom: 1rem;
    resize: none
}

    .comment-block .create-comment .form-style .comment-text .form-control::-webkit-input-placeholder {
        line-height: inherit;
        color: #7c7c7c;
        font-size: 1.125rem;
        font-weight: 300
    }

    .comment-block .create-comment .form-style .comment-text .form-control:-moz-placeholder {
        line-height: inherit;
        color: #7c7c7c;
        font-size: 1.125rem;
        font-weight: 300
    }

    .comment-block .create-comment .form-style .comment-text .form-control::-moz-placeholder {
        line-height: inherit;
        color: #7c7c7c;
        font-size: 1.125rem;
        font-weight: 300
    }

    .comment-block .create-comment .form-style .comment-text .form-control:-ms-input-placeholder {
        line-height: inherit;
        color: #7c7c7c;
        font-size: 1.125rem;
        font-weight: 300
    }

.comment-block .create-comment .form-style .button {
    margin-bottom: 3.1875rem
}

@media screen and (min-width: 768px) {
    .comment-block h3 {
        font-size: 2.25rem;
        margin-bottom: 3.125rem
    }

    .comment-block .no-comment-title {
        font-size: 2.25rem;
        margin-bottom: 4.375rem
    }

    .comment-block .media {
        margin-bottom: 2.125rem
    }

        .comment-block .media .image {
            width: 4.375rem;
            height: 4.375rem;
            margin-right: 1.5rem
        }

        .comment-block .media .media-body .name-vs-time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin-bottom: .5rem
        }

            .comment-block .media .media-body .name-vs-time .time {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                margin-left: .625rem
            }

    .comment-block .create-comment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 3.75rem
    }

        .comment-block .create-comment .media-center {
            margin-bottom: 0;
            width: 100%
        }

            .comment-block .create-comment .media-center .image {
                margin-right: 1.5rem
            }

            .comment-block .create-comment .media-center .media-body .name {
                font-size: 1.25rem;
                line-height: 1.5
            }

        .comment-block .create-comment .form-style {
            width: 100%
        }

            .comment-block .create-comment .form-style .comment-text {
                padding-left: 5.75rem
            }

                .comment-block .create-comment .form-style .comment-text .form-control {
                    font-size: 1.25rem;
                    font-weight: 300;
                    min-height: 7.25rem;
                    margin-bottom: .625rem
                }

                    .comment-block .create-comment .form-style .comment-text .form-control::-webkit-input-placeholder {
                        line-height: inherit;
                        color: #000;
                        font-size: 1.25rem;
                        font-weight: 300
                    }

                    .comment-block .create-comment .form-style .comment-text .form-control:-moz-placeholder {
                        line-height: inherit;
                        color: #000;
                        font-size: 1.25rem;
                        font-weight: 300
                    }

                    .comment-block .create-comment .form-style .comment-text .form-control::-moz-placeholder {
                        line-height: inherit;
                        color: #000;
                        font-size: 1.25rem;
                        font-weight: 300
                    }

                    .comment-block .create-comment .form-style .comment-text .form-control:-ms-input-placeholder {
                        line-height: inherit;
                        color: #000;
                        font-size: 1.25rem;
                        font-weight: 300
                    }

            .comment-block .create-comment .form-style .button {
                text-align: right;
                margin-bottom: 0
            }
}

.block-list {
    margin-top: 1.875rem;
    padding-bottom: 2.5rem
}

    .block-list .image {
        -webkit-transition: opacity ease-in;
        transition: opacity ease-in;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        display: block
    }

        .block-list .image:hover {
            -webkit-transition: opacity ease-in;
            transition: opacity ease-in;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            opacity: 0.8;
            cursor: pointer
        }

        .block-list .image picture img {
            width: 100%
        }

    .block-list .see-more {
        text-align: center
    }

    .block-list .button {
        text-align: center
    }

@media screen and (min-width: 768px) {
    .block-list {
        padding-bottom: 6.25rem
    }
}

.button.is-expired, .button.is-done {
    display: none
}

.status {
    font-size: 1.125rem;
    margin-bottom: 0;
    line-height: 1.44
}

.block-list .sort-des {
    display: none;
    text-align: center
}

    .block-list .sort-des.all-screens {
        display: block
    }

    .block-list .sort-des p {
        color: #7c7c7c;
        font-size: 1.25rem;
        text-align: center;
        margin: 0 auto 3.125rem;
        line-height: 1.4;
        max-width: 43.75rem
    }

.block-list .item-list .item {
    margin-bottom: 1.875rem
}

    .block-list .item-list .item .image {
        margin-bottom: .8125rem
    }

    .block-list .item-list .item .detail-block h3.title {
        font-size: 1.625rem;
        line-height: 1.31;
        margin-bottom: .625rem
    }

        .block-list .item-list .item .detail-block h3.title a {
            color: #000
        }

        .block-list .item-list .item .detail-block h3.title:hover a {
            color: #ba2014;
            text-decoration: none
        }

    .block-list .item-list .item .detail-block .time-reward {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: .625rem;
        margin-bottom: .4375rem
    }

        .block-list .item-list .item .detail-block .time-reward .time-block {
            margin-right: 1.25rem
        }

            .block-list .item-list .item .detail-block .time-reward .time-block p.time {
                font-size: 1rem;
                line-height: 1.5;
                margin-bottom: 0;
                color: #7c7c7c
            }

    .block-list .item-list .item .detail-block .deatail-des {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: .625rem
    }

@media screen and (min-width: 768px) {
    .block-list {
        margin-top: 3.125rem
    }

        .block-list .sort-des {
            display: block
        }

        .block-list .item-list {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -15px
        }

            .block-list .item-list .item {
                width: calc(100% / 3);
                padding: 0 .9375rem;
                margin-bottom: 3.125rem
            }

                .block-list .item-list .item .status {
                    padding-top: .75rem;
                    font-size: 1.25rem;
                    line-height: 1.4
                }

                .block-list .item-list .item .button {
                    text-align: left
                }
}

.content-fix {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    max-width: 100%
}

    .content-fix ul.nav-tabs {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom-color: #d8d8d8;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .content-fix ul.nav-tabs li {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

            .content-fix ul.nav-tabs li a {
                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-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #7c7c7c;
                font-size: .875rem;
                text-transform: uppercase;
                height: 3.75rem;
                background-color: transparent;
                border-radius: 0;
                border: 0;
                text-align: center
            }

                .content-fix ul.nav-tabs li a.active {
                    color: #ba2014;
                    font-weight: 600;
                    background-color: transparent
                }

                .content-fix ul.nav-tabs li a:hover {
                    color: #ba2014
                }

            .content-fix ul.nav-tabs li:first-child {
                border-right: 1px solid #d8d8d8
            }

    .content-fix .tab-content {
        padding: .9375rem
    }

        .content-fix .tab-content ul li {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: .9375rem
        }

            .content-fix .tab-content ul li .profile-img {
                width: 3.5rem;
                height: 3.5rem;
                border-radius: 50%;
                border: 1px solid #d8d8d8;
                overflow: hidden;
                margin-right: 1rem;
                background-color: #f1f1f1
            }

            .content-fix .tab-content ul li .profile-des {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

                .content-fix .tab-content ul li .profile-des p {
                    margin-bottom: 0
                }

                    .content-fix .tab-content ul li .profile-des p.name {
                        font-size: .875rem
                    }

                    .content-fix .tab-content ul li .profile-des p.time {
                        font-size: .6875rem;
                        color: #7c7c7c
                    }

@media screen and (min-width: 768px) {
    .content-fix {
        width: calc(100% / 4 * 1);
        border: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        margin-left: 15px;
        min-width: 17.5rem;
        max-width: 18.3125rem
    }
}

@media screen and (min-width: 1024px) {
    .content-fix {
        min-width: auto
    }
}

.slider-block .slider {
    margin-bottom: 0
}

    .slider-block .slider .slide-item .slide-item-inner {
        position: relative
    }

    .slider-block .slider .slide-item img {
        width: 100%
    }

    .slider-block .slider:hover .left-arrow, .slider-block .slider:hover .right-arrow {
        opacity: 1
    }

@media screen and (min-width: 1024px) {
    .slider-block .slider .slick-arrow.slick-prev {
        left: .3125rem
    }

    .slider-block .slider .slick-arrow.slick-next {
        right: .3125rem
    }
}

@media screen and (min-width: 1440px) {
    .slider-block .slider .slick-arrow.slick-prev {
        left: 3.75rem
    }

    .slider-block .slider .slick-arrow.slick-next {
        right: 3.75rem
    }
}

.hot-challenge-item {
    position: relative
}

    .hot-challenge-item .challenge-des {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 1;
        position: absolute;
        bottom: 3.125rem;
        padding: .4375rem .875rem .8125rem;
        max-height: 100%;
        overflow: hidden;
        right: 0;
        max-width: calc(100% - 51px)
    }

        .hot-challenge-item .challenge-des::before {
            position: absolute;
            z-index: -1;
            background-color: #fff;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            opacity: 0.8;
            content: ''
        }

        .hot-challenge-item .challenge-des .title-small {
            font-size: 1.125rem;
            text-transform: uppercase;
            line-height: 1.44;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .hot-challenge-item .challenge-des .joiner {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .hot-challenge-item .challenge-des .title-main {
            width: 100%;
            border-top: 1px solid #979797;
            padding-top: .4375rem;
            margin-top: .375rem
        }

            .hot-challenge-item .challenge-des .title-main .heading {
                font-size: 1.625rem;
                line-height: 1.31;
                color: #000;
                margin-bottom: 0
            }

                .hot-challenge-item .challenge-des .title-main .heading a {
                    color: #ba2014
                }

                .hot-challenge-item .challenge-des .title-main .heading:hover a {
                    color: #000;
                    text-decoration: none
                }

        .hot-challenge-item .challenge-des .time-action p.time {
            font-size: 1rem;
            color: #000;
            line-height: 1.5;
            margin-bottom: .375rem
        }

        .hot-challenge-item .challenge-des .time-action .btn {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 11rem;
            height: 2.5rem
        }

        .hot-challenge-item .challenge-des .best-person {
            display: none
        }

            .hot-challenge-item .challenge-des .best-person p {
                text-align: right;
                font-size: 1.25rem;
                line-height: 1.4;
                color: #000;
                margin-bottom: .625rem
            }

            .hot-challenge-item .challenge-des .best-person ul {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

                .hot-challenge-item .challenge-des .best-person ul li {
                    margin-right: .9375rem
                }

                    .hot-challenge-item .challenge-des .best-person ul li:last-child {
                        margin-right: 0
                    }

                    .hot-challenge-item .challenge-des .best-person ul li .profile-img {
                        width: 3.3125rem;
                        height: 3.3125rem;
                        overflow: hidden
                    }

                        .hot-challenge-item .challenge-des .best-person ul li .profile-img img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                            border-radius: 50%;
                            border: 1px solid #d8d8d8
                        }

@media screen and (max-width: 374px) {
    .hot-challenge-item .hot-challenge-content .challenge-des {
        bottom: 2.1875rem
    }

        .hot-challenge-item .hot-challenge-content .challenge-des .time-action .btn {
            min-width: auto
        }
}

@media screen and (min-width: 768px) {
    .hot-challenge-content {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        position: absolute;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .hot-challenge-content {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .hot-challenge-content {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .hot-challenge-content {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .hot-challenge-content {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .hot-challenge-content .challenge-des {
        max-width: 70%;
        bottom: 1.875rem;
        right: 1.875rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .9375rem .9375rem 1.375rem
    }

        .hot-challenge-content .challenge-des .title-small {
            font-size: 1.875rem
        }

        .hot-challenge-content .challenge-des .reward {
            margin-right: 1.3125rem
        }

        .hot-challenge-content .challenge-des .joiner {
            -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
            order: unset
        }

        .hot-challenge-content .challenge-des .title-main .heading {
            font-size: 2.5rem;
            line-height: 1.21
        }

        .hot-challenge-content .challenge-des .time-action {
            margin-top: .625rem
        }

            .hot-challenge-content .challenge-des .time-action p.time {
                font-size: 1.25rem;
                margin-bottom: .875rem
            }

        .hot-challenge-content .challenge-des .best-person {
            display: block;
            -ms-flex-item-align: end;
            align-self: flex-end
        }
}

@media screen and (min-width: 1024px) {
    .hot-challenge-content .challenge-des {
        width: 43.1875rem;
        max-width: 57%
    }

        .hot-challenge-content .challenge-des .title-main .heading {
            font-size: 2.5rem
        }
}

@media screen and (min-width: 1440px) {
    .hot-challenge-content .challenge-des {
        bottom: 4.375rem;
        padding: 1.875rem 1.875rem 1.375rem
    }

        .hot-challenge-content .challenge-des .title-main .heading {
            font-size: 3rem
        }
}

@media screen and (min-width: 768px) {
    .ie .hot-challenge-content {
        width: 100%
    }

        .ie .hot-challenge-content .challenge-des .joiner {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }
}

.challenge-modal {
    max-width: 46.25rem;
    margin: 0 auto
}

    .challenge-modal .btn {
        min-width: 0;
        width: auto;
        display: inline-block
    }

    .challenge-modal .content-head {
        margin-bottom: .1875rem;
        text-align: center
    }

        .challenge-modal .content-head h2 {
            font-size: 1.625rem;
            color: #000;
            text-align: center;
            margin-bottom: .5rem;
            line-height: 1.31
        }

        .challenge-modal .content-head p {
            font-size: 1.125rem;
            color: #000;
            line-height: 1.33;
            text-align: center;
            text-transform: none
        }

    .challenge-modal .content-body .form-group {
        margin-bottom: .625rem;
        text-align: center
    }

        .challenge-modal .content-body .form-group:last-child {
            margin-bottom: 0
        }

        .challenge-modal .content-body .form-group button {
            width: calc(50% - 10px);
            margin-right: 20px
        }

            .challenge-modal .content-body .form-group button:last-child {
                margin-right: 0
            }

        .challenge-modal .content-body .form-group label {
            font-size: 1rem;
            color: #7c7c7c;
            margin-bottom: .0625rem;
            text-align: left;
            display: block
        }

        .challenge-modal .content-body .form-group textarea {
            height: 9.375rem;
            padding: .0625rem .0625rem .0625rem .3125rem
        }

    .challenge-modal .content-body .dropzone {
        border: 0;
        padding: 0;
        font-size: 0
    }

        .challenge-modal .content-body .dropzone .btn {
            pointer-events: none
        }

        .challenge-modal .content-body .dropzone .dropzone-ct {
            margin-bottom: 1.5625rem
        }

        .challenge-modal .content-body .dropzone .dz-message {
            display: block;
            margin: 0
        }

            .challenge-modal .content-body .dropzone .dz-message .dz-message-info.is-left {
                display: none
            }

            .challenge-modal .content-body .dropzone .dz-message .dz-message-info .btn {
                width: 100%;
                max-width: none
            }

        .challenge-modal .content-body .dropzone .dz-preview {
            margin: 0 1.25rem 1.25rem 0;
            min-height: 50px;
            display: inline-block;
            width: calc(50% - 10px)
        }

            .challenge-modal .content-body .dropzone .dz-preview:nth-child(2n) {
                margin-right: 0
            }

            .challenge-modal .content-body .dropzone .dz-preview:last-child, .challenge-modal .content-body .dropzone .dz-preview:nth-last-child(2) {
                margin-bottom: 10px
            }

            .challenge-modal .content-body .dropzone .dz-preview .dz-details {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

            .challenge-modal .content-body .dropzone .dz-preview .dz-image {
                border-radius: 0;
                width: 100%;
                height: auto
            }

                .challenge-modal .content-body .dropzone .dz-preview .dz-image img {
                    max-width: 100%;
                    width: 100%
                }

            .challenge-modal .content-body .dropzone .dz-preview .dz-error-message {
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translate(-50%);
                top: calc(100% + 5px);
                width: 100%
            }

            .challenge-modal .content-body .dropzone .dz-preview .dz-remove {
                border-radius: 50%;
                width: 1.25rem;
                height: 1.25rem;
                background-color: #ba2014;
                position: absolute;
                top: -.625rem;
                right: -.625rem;
                z-index: 10;
                text-indent: -999em;
                overflow: hidden
            }

                .challenge-modal .content-body .dropzone .dz-preview .dz-remove:before, .challenge-modal .content-body .dropzone .dz-preview .dz-remove:after {
                    position: absolute;
                    right: .5625rem;
                    top: .25rem;
                    content: '';
                    height: .6875rem;
                    width: .0625rem;
                    background-color: #fff
                }

                .challenge-modal .content-body .dropzone .dz-preview .dz-remove:before {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .challenge-modal .content-body .dropzone .dz-preview .dz-remove:after {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

@media screen and (min-width: 768px) {
    .challenge-modal .btn {
        min-width: 150px
    }

    .challenge-modal .content-head {
        margin-bottom: .875rem
    }

        .challenge-modal .content-head h2 {
            font-size: 1.875rem;
            line-height: 1.33
        }

        .challenge-modal .content-head p {
            font-size: 1.25rem;
            line-height: 1.4
        }

    .challenge-modal .content-body {
        margin-bottom: 1.25rem
    }

        .challenge-modal .content-body .form-group {
            margin-bottom: 1.25rem
        }

            .challenge-modal .content-body .form-group button {
                width: auto;
                margin-right: 15px
            }

        .challenge-modal .content-body .dropzone .dropzone-ct {
            border-radius: 3px;
            border: 1px dashed #000;
            margin-bottom: 1.875rem
        }

        .challenge-modal .content-body .dropzone .dz-message {
            height: 9.375rem;
            display: table;
            width: 100%
        }

            .challenge-modal .content-body .dropzone .dz-message .dz-message-info {
                display: table-cell;
                vertical-align: middle;
                width: 50%;
                text-align: center;
                position: relative;
                z-index: 1
            }

                .challenge-modal .content-body .dropzone .dz-message .dz-message-info.is-left {
                    display: table-cell
                }

                .challenge-modal .content-body .dropzone .dz-message .dz-message-info .btn {
                    width: auto
                }

                .challenge-modal .content-body .dropzone .dz-message .dz-message-info p {
                    font-size: 1.125rem;
                    line-height: 1.44
                }

                    .challenge-modal .content-body .dropzone .dz-message .dz-message-info p.is-drag-drop:before {
                        content: "";
                        display: block;
                        position: relative;
                        margin: 0 auto;
                        background: url("../img/drag-drop-icon.svg") 0 0 no-repeat;
                        width: 38px;
                        height: 30px;
                        margin-bottom: 4px
                    }

                .challenge-modal .content-body .dropzone .dz-message .dz-message-info:first-child:after {
                    content: "";
                    display: block;
                    position: absolute;
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    z-index: 2;
                    width: 2px;
                    height: 70px;
                    background-color: #d0d0d0;
                    right: 0
                }

        .challenge-modal .content-body .dropzone .dz-preview {
            margin: 0 .9375rem 1.875rem;
            width: calc(25% - 15px)
        }

            .challenge-modal .content-body .dropzone .dz-preview:nth-child(2n) {
                margin-right: .9375rem
            }

            .challenge-modal .content-body .dropzone .dz-preview:last-child, .challenge-modal .content-body .dropzone .dz-preview:nth-last-child(2) {
                margin-bottom: 1.875rem
            }
}

.ie11 .challenge-modal .content-body .dropzone .dz-message .dz-message-info:first-child:after {
    top: 2.5rem;
    -webkit-transform: none;
    transform: none
}

.article-detail-feature-article .slider .slide-item .hot-article-content {
    bottom: 24px
}

    .article-detail-feature-article .slider .slide-item .hot-article-content .title .heading {
        margin-bottom: .5rem
    }

    .article-detail-feature-article .slider .slide-item .hot-article-content .title .time {
        margin-bottom: .4375rem
    }

    .article-detail-feature-article .slider .slide-item .hot-article-content .social-interaction-wrap {
        right: -1.25rem;
        bottom: 0
    }

@media screen and (min-width: 768px) {
    .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content {
        bottom: 15px
    }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .title .heading {
            font-size: 2.25rem;
            line-height: 1.28
        }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .title .summary {
            font-size: 1rem;
            line-height: 1.4
        }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .title .rating {
            padding-bottom: .5625rem
        }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .social-interaction-wrap {
            right: 26px;
            margin-bottom: 1.25rem
        }
}

@media screen and (min-width: 1440px) {
    .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content {
        bottom: 39px
    }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .title .heading {
            font-size: 3.125rem;
            line-height: 1.28
        }

        .article-detail-feature-article .slider .slide-item .grid-container .hot-article-content .title .summary {
            font-size: 1.25rem;
            line-height: 1.4
        }
}

.rating i {
    display: inline-block;
    width: 22px;
    height: 21px;
    font-size: 1rem;
    line-height: 1;
    margin: 0 1px
}

.rating .count {
    font-size: 1rem;
    padding-left: .375rem
}

.rating .rating-button {
    position: relative;
    color: #fff;
    font-size: 1rem;
    padding-left: 1.375rem
}

    .rating .rating-button::before {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 1;
        height: 17px;
        top: 3px;
        left: 9px;
        border-left: 1px solid #fff
    }

@media screen and (min-width: 768px) {
    .rating {
        padding-bottom: .8125rem
    }

        .rating .rating {
            padding-bottom: .8125rem
        }
}

.hot-stories .slider .slide-item {
    overflow: hidden
}

    .hot-stories .slider .slide-item .image {
        display: block;
        position: relative;
        height: calc(100vh - 190px);
        text-align: center
    }

.ios .hot-stories .slider .slide-item .image {
    height: calc(100vh - 190px - 72px)
}

.android .hot-stories .slider .slide-item .image {
    height: calc(100vh - 190px - 55px)
}

.hot-stories .slider .slide-item .image picture img {
    margin: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hot-stories .slider .slide-item .hot-challenge-content .challenge-des {
    bottom: 3rem
}

@media screen and (max-height: 414px) and (orientation: landscape) {
    .hot-stories .slider .slick-arrow {
        visibility: hidden
    }

    .hot-stories .slider .slide-item .image {
        min-height: 360px;
        height: calc(100vh - 70px)
    }

        .hot-stories .slider .slide-item .image picture img {
            width: 100%;
            min-width: unset;
            height: auto
        }

    .hot-stories .slider .slide-item .content {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .hot-stories .slider .slide-item .image {
        height: calc(100vh - 230px)
    }

        .hot-stories .slider .slide-item .image picture img {
            width: 100%;
            height: 100%
        }

        .hot-stories .slider .slide-item .image .is-compat-object-fit {
            background-repeat: no-repeat;
            background-size: cover;
            background-position-x: left;
            background-position-y: top;
            opacity: 0
        }
}

.challenge-detail-header {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 320px) {
    .challenge-detail-header {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .challenge-detail-header {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .challenge-detail-header {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .challenge-detail-header {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.challenge-detail-header .challenge-box {
    border-bottom: 1px solid #d8d8d8
}

    .challenge-detail-header .challenge-box .heading {
        color: #ba2014;
        font-size: 1.5rem;
        line-height: 1.42
    }

    .challenge-detail-header .challenge-box img {
        max-width: 100%;
        height: auto
    }

.challenge-detail-header .challenge-header {
    padding: 1.875rem 0 .9375rem
}

    .challenge-detail-header .challenge-header p {
        font-size: 1.125rem;
        line-height: 1.44;
        margin-bottom: 0
    }

@media screen and (min-width: 768px) {
    .challenge-detail-header .challenge-header-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: .9375rem -.9375rem 1.875rem
    }

    .challenge-detail-header .challenge-box {
        width: calc(100% / 2 - 15px);
        margin: 0 .9375rem;
        border: 1px solid #d8d8d8;
        padding: 1.875rem;
        border-radius: .1875rem
    }

        .challenge-detail-header .challenge-box .heading {
            font-weight: 400;
            font-size: 1.875rem;
            line-height: 0.93;
            margin-bottom: 1rem
        }

    .challenge-detail-header .challenge-header {
        padding: 0
    }

        .challenge-detail-header .challenge-header p {
            font-size: 1.25rem;
            line-height: 1.4
        }
}

.challenge-instruction {
    padding: .9375rem 0
}

    .challenge-instruction .heading {
        margin-bottom: .4375rem
    }

    .challenge-instruction ul {
        margin-bottom: 0
    }

        .challenge-instruction ul li {
            font-size: 1.125rem;
            line-height: 1.44;
            color: #000;
            margin-bottom: .6875rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .challenge-instruction ul li:last-child {
                margin-bottom: 0
            }

            .challenge-instruction ul li i {
                font-size: .8125rem;
                margin-right: .625rem
            }

            .challenge-instruction ul li a {
                font-size: 1.125rem;
                line-height: 1.44;
                display: inline-block;
                margin-right: .625rem;
                color: #000
            }

@media screen and (min-width: 768px) {
    .challenge-instruction {
        padding: 0
    }

        .challenge-instruction ul li {
            font-size: 1.25rem;
            line-height: 1.4
        }

            .challenge-instruction ul li a {
                font-size: 1.25rem;
                line-height: 1.4
            }
}

.js-image-modal.modal .modal-dialog {
    max-width: 75rem
}

.challenge-detail-participant .challenge-participant-wrap {
    padding: 0rem 1.875rem;
    margin: 1.875rem 0 .8125rem
}

    .challenge-detail-participant .challenge-participant-wrap a {
        display: block;
        background-color: #f0f0f0;
        padding: 1.875rem 3.75rem;
        text-align: center;
        border-radius: .3125rem
    }

        .challenge-detail-participant .challenge-participant-wrap a .joiner {
            margin-bottom: .6875rem
        }

        .challenge-detail-participant .challenge-participant-wrap a .title {
            font-size: 1.125rem;
            line-height: 1.44;
            text-transform: uppercase;
            color: #000
        }

        .challenge-detail-participant .challenge-participant-wrap a:hover {
            text-decoration: unset
        }

.challenge-detail-participant .challenge-participant-list .challenge-participant-col {
    padding: .9375rem;
    border-bottom: 1px solid #d8d8d8
}

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .9375rem
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title h3 {
            font-size: 1.25rem;
            line-height: normal;
            color: #ba2014;
            margin-bottom: 0
        }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title .participant-number-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title .participant-number-wrap i {
                font-size: .9375rem;
                margin-right: .375rem
            }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title .participant-number-wrap .number {
                color: #ba2014;
                font-size: 1.125rem;
                line-height: 1.44
            }

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .see-more {
        text-align: center;
        line-height: normal;
        margin: .3125rem 0 .9375rem
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .see-more a {
            font-size: .75rem;
            text-decoration: underline;
            color: #7c7c7c;
            line-height: inherit
        }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .see-more a:hover {
                color: #ba2014
            }

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item {
        padding-bottom: .9375rem;
        margin-bottom: .9375rem;
        border-bottom: 1px solid #d0d0d0
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item:last-child {
            padding-bottom: 0;
            border-bottom: 0;
            margin-bottom: 0
        }

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed p {
        font-size: 1.125rem;
        line-height: 1.44
    }

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image {
        position: relative;
        margin-bottom: .625rem
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image .number-image {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #fff;
            font-size: 3rem
        }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image .number-image:before {
                position: absolute;
                z-index: -1;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                content: '';
                background-color: #000;
                opacity: 0.3
            }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image .number-image.only-one:before {
                display: none
            }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image img {
            max-width: 100%;
            height: auto
        }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .image:hover {
            cursor: pointer
        }

    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .bg-block {
        position: relative;
        margin-bottom: .625rem
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .bg-block img {
            max-width: 100%;
            width: 100%
        }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .bg-block .logo {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .bg-block .link {
            position: absolute;
            bottom: 1rem;
            text-align: center;
            width: 100%
        }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .bg-block .link a {
                color: #fff;
                font-size: 1rem
            }

.challenge-detail-participant .modal-body.is-gallery-modal {
    padding: 0
}

    .challenge-detail-participant .modal-body.is-gallery-modal .preloader {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%
    }

    .challenge-detail-participant .modal-body.is-gallery-modal .js-slick-carousel {
        position: relative;
        z-index: 5;
        min-height: 150px
    }

    .challenge-detail-participant .modal-body.is-gallery-modal .is-gallery-carousel {
        padding: 0;
        margin-bottom: 0;
        text-align: center
    }

        .challenge-detail-participant .modal-body.is-gallery-modal .is-gallery-carousel .slick-track {
            margin: 0
        }

        .challenge-detail-participant .modal-body.is-gallery-modal .is-gallery-carousel img {
            max-width: 100%
        }

@media screen and (min-width: 768px) {
    .challenge-detail-participant {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        border: 0
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .challenge-detail-participant {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .challenge-detail-participant {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .challenge-detail-participant {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .challenge-detail-participant {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .challenge-detail-participant .modal-body.is-gallery-modal .js-slick-carousel {
        min-height: 250px
    }

    .challenge-detail-participant .challenge-participant-wrap {
        padding: 0;
        margin: 0 0 1.875rem
    }

        .challenge-detail-participant .challenge-participant-wrap a {
            padding: 1.46875rem 1.25rem
        }

            .challenge-detail-participant .challenge-participant-wrap a .title {
                font-size: 1.875rem;
                line-height: 1
            }

    .challenge-detail-participant .challenge-participant-list {
        margin: 0 -.9375rem
    }

        .challenge-detail-participant .challenge-participant-list .challenge-participant-col {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0 .9375rem;
            border-bottom: 0
        }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title {
                margin-bottom: 1.875rem
            }

                .challenge-detail-participant .challenge-participant-list .challenge-participant-col .title h3 {
                    font-size: 1.875rem
                }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed {
                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-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 100%
            }

                .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item {
                    width: calc(100% / 3 - 20px);
                    margin-right: 1.875rem;
                    padding-bottom: 0;
                    margin-bottom: 1.875rem;
                    border-bottom: 0
                }

                    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item:last-child {
                        margin-bottom: 1.875rem
                    }

                    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item:nth-child(3n) {
                        margin-right: 0
                    }

                    .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-completed .participant-completed-item .participant-item {
                        width: 100%
                    }

            .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list {
                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-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .challenge-detail-participant .challenge-participant-list .challenge-participant-col .participant-list .participant-item {
                    width: calc(100% / 2)
                }
}

@media screen and (min-width: 1024px) {
    .challenge-detail-participant .challenge-participant-wrap a {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .challenge-detail-participant .challenge-participant-wrap a .joiner {
            margin-right: 1.875rem;
            margin-bottom: 0
        }
}

.challenge-detail-editor h2 {
    color: #ba2014;
    font-size: 1.25rem;
    margin-bottom: .9375rem
}

.challenge-detail-editor ul li {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .8125rem
}

.challenge-detail-content {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 320px) {
    .challenge-detail-content {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .challenge-detail-content {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .challenge-detail-content {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .challenge-detail-content {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.challenge-detail-content .item {
    padding: 1.25rem 0 .75rem;
    border-bottom: 1px solid #d8d8d8
}

    .challenge-detail-content .item:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .challenge-detail-content .item .heading {
        color: #ba2014;
        font-size: 1.5rem;
        margin-bottom: .25rem;
        line-height: 1.42
    }

@media screen and (min-width: 768px) {
    .challenge-detail-content .item {
        padding: 1.875rem;
        border: 1px solid #d8d8d8;
        margin-bottom: 2.5rem;
        width: 100%;
        border-radius: .1875rem
    }

        .challenge-detail-content .item .heading {
            font-weight: 400;
            font-size: 1.875rem;
            line-height: 0.93;
            margin-bottom: 1.25rem
        }

        .challenge-detail-content .item:last-child {
            border: 1px solid #d8d8d8;
            padding-bottom: 1.875rem
        }
}

.participant-item {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .9375rem;
    width: 100%
}

    .participant-item .profile-img {
        width: 3.5625rem;
        height: 3.5625rem;
        margin-right: .9375rem;
        overflow: hidden
    }

        .participant-item .profile-img img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
            border: 1px solid #d8d8d8
        }

    .participant-item .profile-des {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .participant-item .profile-des p {
            margin-bottom: 0
        }

            .participant-item .profile-des p.name {
                font-size: .875rem;
                text-transform: capitalize;
                line-height: normal;
                color: #000;
                margin-bottom: .3125rem
            }

            .participant-item .profile-des p.time {
                font-size: .6875rem;
                color: #000;
                line-height: normal;
                display: inline-block
            }

@media screen and (min-width: 768px) {
    .participant-item:last-child {
        margin-bottom: 1.6875rem
    }
}

.slider-full-background .image {
    position: relative;
    width: 100%;
    height: 100%
}

    .slider-full-background .image::before {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.7)));
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7))
    }

.slider-full-background .content {
    position: absolute;
    bottom: 2.5rem;
    z-index: 2;
    left: .9375rem;
    right: .9375rem
}

    .slider-full-background .content a:hover {
        color: #fff;
        text-decoration: none
    }

    .slider-full-background .content .btn-border {
        color: #fff;
        border: 1px solid #fff
    }

        .slider-full-background .content .btn-border:hover, .slider-full-background .content .btn-border.focus, .slider-full-background .content .btn-border:focus {
            color: #fff;
            border: 1px solid #fff
        }

@media screen and (min-width: 768px) {
    .slider-full-background .content {
        width: 90%;
        bottom: 2.5rem;
        left: inherit;
        right: inherit
    }
}

@media screen and (min-width: 1024px) {
    .slider-full-background .content {
        width: 80%
    }
}

@media screen and (min-width: 1440px) {
    .slider-full-background .content {
        bottom: 4.0625rem
    }
}

.featured-partner .image {
    position: relative;
    width: 100%;
    height: 100%
}

    .featured-partner .image::before {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.7)));
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7))
    }

.featured-partner .content {
    position: absolute;
    bottom: 2.5rem;
    z-index: 2;
    left: .9375rem;
    right: .9375rem
}

.featured-partner .heading {
    font-size: 1.625rem;
    color: #fff;
    line-height: 1.31;
    padding-bottom: .625rem
}

.featured-partner h3 {
    font-size: 1.25rem;
    color: #fff;
    display: none;
    padding-bottom: .625rem
}

.featured-partner .discount-code {
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.4;
    padding-bottom: .625rem
}

.featured-partner .duration {
    font-size: 1rem;
    color: #fff;
    text-transform: initial;
    line-height: 1.5;
    padding-bottom: .625rem
}

.featured-partner .btn-more {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .featured-partner .content {
        width: 90%;
        bottom: 2.5rem;
        left: inherit;
        right: inherit
    }

    .featured-partner .heading {
        font-size: 3rem;
        line-height: 1.21
    }

    .featured-partner h3 {
        line-height: 1.9;
        display: block
    }

    .featured-partner .btn-more .btn-border {
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .featured-partner .content {
        width: 80%
    }
}

@media screen and (min-width: 1440px) {
    .featured-partner .content {
        bottom: 4.0625rem
    }
}

.featured-partner-detail .content {
    bottom: 3.125rem
}

    .featured-partner-detail .content *:last-child {
        padding-bottom: 0
    }

@media screen and (min-width: 768px) {
    .featured-partner-detail .content {
        bottom: 6.25rem
    }

    .featured-partner-detail .discount-code {
        padding-bottom: 3px
    }
}

.featured-product h2 {
    font-size: 2rem;
    color: #fff;
    line-height: 1.19;
    padding-bottom: .625rem
}

.featured-product h3 {
    font-size: 1rem;
    color: #fff;
    line-height: 1.63;
    display: none;
    padding-bottom: .625rem
}

.featured-product .btn-more {
    display: inline-block
}

    .featured-product .btn-more .btn-border {
        line-height: 2.5rem;
        color: #fff;
        min-height: 2.5rem;
        border-color: #fff;
        padding: 0 3.125rem;
        display: block
    }

@media screen and (min-width: 768px) {
    .featured-product h2 {
        font-size: 3rem;
        line-height: 1.21
    }

    .featured-product h3 {
        display: block
    }

    .featured-product .btn-more .btn-border {
        font-size: 1rem
    }
}

.featured-advisor .grid-container {
    position: relative
}

.featured-advisor .heading {
    font-size: 1.625rem;
    color: #fff;
    line-height: 1.31;
    margin-bottom: 1.25rem;
    text-align: center
}

    .featured-advisor .heading a {
        color: #fff
    }

.featured-advisor .btn-more {
    text-align: center
}

    .featured-advisor .btn-more .btn-border {
        color: #fff;
        border-color: #fff;
        padding: 0 3.125rem;
        min-width: 18.75rem
    }

@media screen and (max-width: 320px) and (orientation: portrait) {
    .featured-advisor .btn-more .btn-border {
        min-width: 15.625rem
    }
}

@media screen and (min-width: 768px) {
    .featured-advisor .content {
        bottom: 3.75rem;
        left: .9375rem;
        right: .9375rem;
        width: auto;
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .featured-advisor .heading {
        font-size: 3rem;
        line-height: 1.21;
        margin-bottom: 1.875rem
    }

    .featured-advisor .btn-more .btn-border {
        font-size: 1rem;
        min-width: 11rem
    }
}

.product-list {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .product-list {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .product-list {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .product-list {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .product-list {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.product-list .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.0625rem
}

.product-list .image {
    margin-right: .625rem
}

    .product-list .image img {
        width: 10rem
    }

.product-list .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .product-list .content h2 {
        font-size: 1.125rem;
        color: #000;
        line-height: 1.44;
        margin-bottom: .625rem
    }

        .product-list .content h2 a {
            color: #000
        }

            .product-list .content h2 a:hover {
                color: #ba2014;
                text-decoration: none
            }

    .product-list .content .btn-contact .btn {
        width: 11rem;
        font-size: 1rem
    }

    .product-list .content .desc {
        font-size: 1.25rem;
        color: #000;
        line-height: 1.4;
        display: none;
        text-transform: initial;
        margin-bottom: .625rem
    }

.product-list .btn-more {
    margin-top: 2.125rem;
    text-align: center
}

    .product-list .btn-more .btn {
        width: 11rem;
        font-size: 1rem
    }

@media screen and (max-width: 374px) {
    .product-list .content .btn-contact .btn {
        padding: 0;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .product-list {
        padding-top: 3.125rem;
        padding-bottom: 6.25rem
    }

        .product-list .product-list-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 -.9375rem;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .product-list .product-item {
            width: calc(100% / 3 - 30px);
            display: initial;
            margin: 0 .9375rem 3.125rem
        }

        .product-list .image {
            width: auto;
            margin-right: 0
        }

            .product-list .image img {
                max-width: 100%;
                width: auto;
                margin-bottom: .4375rem
            }

        .product-list .content {
            display: initial;
            width: auto
        }

            .product-list .content h2 {
                font-size: 1.625rem;
                line-height: 1.31
            }

            .product-list .content .desc {
                display: block
            }

        .product-list .btn-more {
            margin-top: 0
        }

            .product-list .btn-more a {
                min-width: 11rem;
                width: auto
            }
}

@media screen and (min-width: 768px) {
    .ie .product-list .product-item {
        display: block
    }
}

.reward-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative
}

    .reward-block .title {
        position: absolute;
        z-index: 1;
        font-size: .5rem;
        text-transform: uppercase;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        left: -1.375rem;
        top: .8125rem;
        color: #ba2014;
        line-height: normal
    }

    .reward-block .mark-core {
        font-size: 1.875rem;
        line-height: 1.33
    }

    .reward-block .mark-title {
        font-size: .5rem;
        text-transform: uppercase;
        color: #ba2014;
        line-height: normal
    }

@media screen and (min-width: 768px) {
    .reward-block .title {
        font-size: .625rem;
        top: 1.25rem;
        left: -1.5rem
    }

    .reward-block .mark-core {
        font-size: 2.5rem;
        line-height: 1.25
    }

    .reward-block .mark-title {
        font-size: .625rem
    }
}

.joiner {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .joiner .icon-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: .125rem
    }

        .joiner .icon-text i {
            color: #000;
            font-size: .625rem;
            height: 1.0625rem;
            margin-bottom: .125rem
        }

        .joiner .icon-text span {
            font-size: .5rem;
            color: #ba2014;
            text-transform: uppercase;
            line-height: normal;
            white-space: nowrap
        }

    .joiner .join-number {
        font-size: 1.875rem;
        color: #000;
        line-height: 1.33
    }

@media screen and (min-width: 768px) {
    .joiner .icon-text i {
        font-size: .875rem;
        height: 1.4375rem
    }

    .joiner .icon-text span {
        font-size: .625rem
    }

    .joiner .join-number {
        font-size: 2.5rem;
        line-height: 1.25
    }
}

.is-challenge-detail-bar .is-dropdown-not-hide .dropdown-menu {
    right: 0;
    left: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    top: 100% !important
}

.is-article-detail-bar ul.nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .is-article-detail-bar ul.nav li {
        margin-left: auto
    }

    .is-article-detail-bar ul.nav .item-rating .dropdown-menu {
        right: 0;
        left: unset !important;
        -webkit-transform: unset !important;
        transform: unset !important;
        top: 100% !important
    }

@media screen and (min-width: 768px) {
    .is-article-detail-bar ul.nav {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }

        .is-article-detail-bar ul.nav li {
            margin-left: 4.6875rem
        }
}

@media screen and (min-width: 1024px) {
    .is-article-detail-bar ul.nav .item-rating .dropdown-menu {
        left: 0 !important
    }
}

@media screen and (min-width: 768px) {
    .ie .is-article-detail-bar ul.nav {
        display: table
    }
}

.share-modal .modal-dialog {
    max-width: calc(100% - 30px);
    width: 41.25rem;
    margin: .9375rem auto
}

    .share-modal .modal-dialog .modal-content {
        text-align: center
    }

        .share-modal .modal-dialog .modal-content .modal-body {
            padding: 3.125rem
        }

            .share-modal .modal-dialog .modal-content .modal-body .close {
                position: absolute;
                top: .1875rem;
                right: .3125rem;
                margin-right: 0
            }

        .share-modal .modal-dialog .modal-content h3 {
            line-height: 1.33;
            color: #000;
            font-size: 1.875rem;
            margin-bottom: .9375rem
        }

        .share-modal .modal-dialog .modal-content p {
            font-weight: 300;
            font-size: 1.25rem;
            line-height: 1.4;
            margin-bottom: 1.5625rem
        }

        .share-modal .modal-dialog .modal-content .btn {
            font-weight: normal;
            height: 2.5rem;
            font-size: 1rem;
            line-height: 1.5;
            width: 9.375rem
        }

            .share-modal .modal-dialog .modal-content .btn:after {
                content: unset
            }

        .share-modal .modal-dialog .modal-content .dropdown-menu {
            margin-top: 1.5625rem;
            min-width: 18.75rem;
            left: 50% !important;
            -webkit-transform: translate(-50%, 40px) !important;
            transform: translate(-50%, 40px) !important
        }

.partner-list {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .partner-list {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .partner-list {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .partner-list {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .partner-list {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.partner-list .partner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem
}

.partner-list .image {
    margin-right: .625rem
}

    .partner-list .image img {
        border: 1px solid #979797;
        width: 10rem
    }

.partner-list .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .partner-list .content h2 {
        font-size: 1.125rem;
        color: #000;
        line-height: 1.44
    }

        .partner-list .content h2 a {
            color: #000
        }

            .partner-list .content h2 a:hover {
                color: #ba2014;
                text-decoration: none
            }

    .partner-list .content .desc {
        font-size: 1.25rem;
        color: #7c7c7c;
        line-height: 1.4;
        display: none;
        text-transform: initial
    }

    .partner-list .content h3 {
        font-size: 1rem;
        color: #000;
        line-height: 1.5
    }

    .partner-list .content .duration {
        font-size: 1rem;
        color: #7c7c7c;
        line-height: 1.5;
        text-transform: initial
    }

.partner-list .btn-more {
    text-align: center
}

@media screen and (min-width: 768px) {
    .partner-list {
        padding-top: 4.375rem;
        padding-bottom: 6.25rem
    }

        .partner-list .partner-list-inner {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -.9375rem
        }

        .partner-list .partner-item {
            width: calc(100% / 3 - 30px);
            display: initial;
            margin: 0 .9375rem 1.875rem
        }

        .partner-list .image {
            width: auto;
            margin-right: 0
        }

            .partner-list .image img {
                max-width: 100%;
                width: auto
            }

        .partner-list .content {
            display: initial;
            width: auto
        }

            .partner-list .content h2 {
                font-size: 1.625rem;
                line-height: 1.31;
                margin: .625rem 0
            }

            .partner-list .content .desc {
                display: block;
                margin: .625rem 0
            }

            .partner-list .content h3 {
                font-size: 1.25rem;
                line-height: 1.4;
                margin-bottom: 5px
            }

        .partner-list .btn-more a {
            min-width: 11rem;
            width: auto
        }
}

@media screen and (min-width: 768px) {
    .ie .partner-list .partner-item {
        display: block
    }
}

.partner-detail-content {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .partner-detail-content {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .partner-detail-content {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .partner-detail-content {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .partner-detail-content {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.partner-detail-content h2 {
    font-size: 1.5rem;
    color: #000;
    line-height: 1.29;
    padding-bottom: .625rem
}

@media screen and (min-width: 768px) {
    .partner-detail-content {
        padding-top: 3.75rem;
        padding-bottom: 6.25rem
    }

        .partner-detail-content h2 {
            font-size: 1.875rem;
            line-height: 1.33
        }
}

.related-category {
    padding-bottom: .3125rem
}

    .related-category .category-item {
        font-size: .625rem;
        color: #000;
        text-transform: uppercase;
        margin: 0 .625rem .3125rem 0;
        padding: .0625rem 1.1875rem;
        background-color: rgba(255,255,255,0.7);
        display: inline-block;
        border-radius: 3px;
        white-space: nowrap
    }

        .related-category .category-item:hover {
            background-color: #fff;
            text-decoration: none
        }

@media screen and (min-width: 768px) {
    .related-category {
        padding-bottom: 1rem
    }

        .related-category .category-item {
            font-size: .75rem;
            padding: .1875rem 2.125rem
        }
}

.featured-reward .image {
    position: relative;
    width: 100%;
    height: 100%
}

    .featured-reward .image::before {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.7)));
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7))
    }

.featured-reward .content {
    position: absolute;
    bottom: 2.5rem;
    z-index: 2;
    left: .9375rem;
    right: .9375rem
}

    .featured-reward .content a:hover {
        color: #fff;
        text-decoration: none
    }

.featured-reward h2 {
    font-size: 1.875rem;
    color: #fff;
    line-height: 1.27;
    margin-bottom: .625rem
}

.featured-reward h3 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.4;
    margin-bottom: .625rem;
    display: none
}

.featured-reward .duration {
    font-size: 1rem;
    color: #fff;
    text-transform: initial;
    line-height: 1.5;
    padding-bottom: .625rem
}

.featured-reward .changed-core {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.44;
    margin-bottom: .625rem
}

.featured-reward .btn-more {
    display: inline-block
}

    .featured-reward .btn-more .btn-border {
        line-height: 2.5rem;
        min-height: 2.5rem;
        padding: 0 3.125rem;
        display: block
    }

@media screen and (min-width: 768px) {
    .featured-reward .content {
        width: 90%;
        bottom: 2.5rem;
        left: inherit;
        right: inherit
    }

    .featured-reward h2 {
        font-size: 3rem;
        line-height: 1.21
    }

    .featured-reward h3 {
        display: block
    }

    .featured-reward .changed-core {
        font-size: 1.25rem
    }

    .featured-reward .btn-more .btn-border {
        font-size: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .featured-reward .content {
        width: 80%
    }
}

@media screen and (min-width: 1440px) {
    .featured-reward .content {
        bottom: 4.0625rem
    }
}

.reward-item {
    margin-bottom: 1.875rem
}

    .reward-item .image {
        display: block;
        margin-bottom: .625rem
    }

        .reward-item .image img {
            width: 100%
        }

    .reward-item .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .reward-item .content h2 {
            font-size: 1.625rem;
            color: #000;
            line-height: 1.31;
            margin-bottom: .625rem
        }

        .reward-item .content .duration {
            font-size: 1.125rem;
            color: #000;
            line-height: 1.44;
            text-transform: initial
        }

        .reward-item .content h3 {
            font-size: 1.125rem;
            color: #000;
            line-height: 1.44;
            margin-bottom: .625rem
        }

        .reward-item .content .status {
            font-size: 1.25rem;
            line-height: 1.4
        }

        .reward-item .content .btn-change {
            text-align: center
        }

            .reward-item .content .btn-change .btn {
                width: 19.6875rem;
                max-width: calc(100% - 30px)
            }

@media screen and (min-width: 768px) {
    .reward-item {
        width: calc(100% / 3 - 30px);
        display: initial;
        margin: 0 .9375rem 3.125rem
    }

        .reward-item .content {
            display: initial;
            width: auto
        }

            .reward-item .content h2 {
                font-size: 1.625rem;
                line-height: 1.31
            }

            .reward-item .content h3 {
                font-size: 1.25rem;
                line-height: 1.4
            }

            .reward-item .content .btn-change {
                text-align: left
            }

                .reward-item .content .btn-change .btn {
                    width: 11rem;
                    font-size: 1rem
                }

            .reward-item .content .status {
                margin-top: 1.375rem
            }
}

.reward-list {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .reward-list {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .reward-list {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .reward-list {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .reward-list {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.reward-list .reward-item .image:hover {
    cursor: default;
    opacity: 1
}

.reward-list .btn-more {
    margin-top: .625rem;
    text-align: center
}

    .reward-list .btn-more .btn {
        width: 19.6875rem;
        max-width: calc(100% - 30px)
    }

@media screen and (min-width: 768px) {
    .reward-list {
        padding-top: 3.125rem;
        padding-bottom: 6.25rem
    }

        .reward-list .reward-list-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -.9375rem
        }

        .reward-list .btn-more .btn {
            width: 11rem;
            font-size: 1rem
        }
}

.article-detail {
    padding-top: 1.875rem;
    margin-bottom: 2.5rem
}

    .article-detail > .grid-container {
        margin-bottom: 2.5rem
    }

        .article-detail > .grid-container:last-child {
            margin-bottom: 0
        }

    .article-detail .intro-text {
        margin-bottom: 20px
    }

    .article-detail section {
        margin-bottom: 2.5rem
    }

        .article-detail section:last-child {
            margin-bottom: 0
        }

@media screen and (min-width: 768px) {
    .article-detail {
        padding-top: 3.125rem;
        margin-bottom: 6.25rem
    }

        .article-detail > .grid-container {
            margin-bottom: 3.75rem
        }

        .article-detail .intro-text {
            display: none
        }

        .article-detail section {
            margin-bottom: 3.75rem
        }
}

.reset-article-detail .article-detail {
    margin-bottom: 0
}

    .reset-article-detail .article-detail .grid-container {
        margin-bottom: .625rem
    }

    .reset-article-detail .article-detail section {
        margin-bottom: .625rem
    }

.flipcard {
    margin: 1.875rem 0
}

    .flipcard .flipcard-body {
        position: relative;
        cursor: pointer
    }

        .flipcard .flipcard-body .front, .flipcard .flipcard-body .back {
            position: relative;
            z-index: 0;
            text-align: center
        }

            .flipcard .flipcard-body .front .bg-image, .flipcard .flipcard-body .back .bg-image {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                margin: 0
            }

            .flipcard .flipcard-body .front .gray-layer, .flipcard .flipcard-body .back .gray-layer {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: rgba(0,0,0,0.7)
            }

            .flipcard .flipcard-body .front .title, .flipcard .flipcard-body .back .title {
                position: absolute;
                z-index: 2;
                width: 100%;
                height: auto;
                padding: 0 .9375rem;
                top: 35%;
                left: 0
            }

                .flipcard .flipcard-body .front .title h3, .flipcard .flipcard-body .back .title h3 {
                    color: #fff;
                    font-size: 1rem;
                    line-height: 1.5
                }

            .flipcard .flipcard-body .front .instruction, .flipcard .flipcard-body .back .instruction {
                position: absolute;
                z-index: 2;
                color: #ba2014;
                font-size: 1rem;
                width: 100%;
                height: auto;
                bottom: -1px;
                left: 0;
                padding: .75rem 0 .625rem;
                background-color: rgba(255,255,255,0.7)
            }

@media screen and (min-width: 768px) {
    .flipcard .flipcard-body .front .title h3, .flipcard .flipcard-body .back .title h3 {
        font-size: 1.875rem;
        max-width: 590px;
        margin: 0 auto
    }

    .flipcard .flipcard-body .front .instruction, .flipcard .flipcard-body .back .instruction {
        font-weight: 500
    }
}

.status.is-not-enough {
    color: #ba2014
}

.status.is-processing span {
    color: #417505
}

.status.is-no-status {
    display: none
}

.status.is-process {
    color: #fb850c
}

.status.is-done {
    color: #ba2014
}

.status.is-cancelled span {
    color: #ba2014
}

.status.is-expired {
    color: #7c7c7c
}

.carousel {
    margin-bottom: 2.5rem
}

    .carousel .slider .slide-item .slide-image {
        height: calc(100vw * 0.5);
        max-height: 610px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .carousel .description {
        text-align: center;
        font-size: 1rem;
        line-height: 1.5;
        padding-top: .3125rem
    }

@media screen and (min-width: 768px) {
    .carousel {
        margin-bottom: 3.75rem
    }

        .carousel .slider:hover .slick-arrow {
            opacity: 1
        }

        .carousel .slider .left-arrow {
            left: 15px
        }

        .carousel .slider .right-arrow {
            right: 15px
        }

        .carousel .description {
            padding-top: .9375rem
        }
}

.profile-notification {
    padding-bottom: 2.5rem
}

    .profile-notification .item {
        border-bottom: 1px solid #d0d0d0;
        padding: 0 .9375rem;
        min-height: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        color: #000
    }

        .profile-notification .item:hover {
            text-decoration: none;
            color: #ba2014
        }

        .profile-notification .item .content {
            -ms-flex-item-align: center;
            align-self: center
        }

            .profile-notification .item .content .notification {
                font-size: 1rem;
                line-height: 1.5
            }

            .profile-notification .item .content .time {
                font-size: 1rem;
                line-height: 1.5;
                color: #7c7c7c
            }

    .profile-notification .gray-bg {
        background-color: #f2f2f2
    }

    .profile-notification .see-more {
        padding: 1.875rem 1.875rem 0
    }

        .profile-notification .see-more button {
            font-size: 1rem
        }

@media screen and (min-width: 768px) {
    .profile-notification {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .profile-notification {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .profile-notification {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .profile-notification {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .profile-notification {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .profile-notification .item {
        border: 1px solid #d0d0d0;
        border-top: 0;
        padding: 0 6.25rem
    }

    .profile-notification .see-more {
        text-align: center;
        padding-top: 3.125rem
    }

        .profile-notification .see-more button {
            width: auto;
            padding: 0 3.4375rem
        }
}

@media screen and (min-width: 768px) {
    .ie .profile-notification .item {
        min-width: auto
    }

        .ie .profile-notification .item .content {
            padding: 1.25rem 0
        }
}

.is-reward-history .content h3 {
    font-weight: 300
}

    .is-reward-history .content h3 span {
        font-weight: 400
    }

.avatar-component {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    text-align: center;
    margin-bottom: 1.875rem
}

@media screen and (min-width: 320px) {
    .avatar-component {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .avatar-component {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .avatar-component {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .avatar-component {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.avatar-component .dropdown-menu {
    margin: 0;
    padding: 0;
    left: -.9375rem !important;
    top: -.625rem !important;
    min-width: 9.375rem
}

    .avatar-component .dropdown-menu .dropdown-item {
        border-bottom: 1px solid #d0d0d0;
        min-width: 150px;
        font-size: 1.25rem;
        line-height: 1.4;
        padding: 5px 0;
        text-align: center;
        cursor: pointer
    }

    .avatar-component .dropdown-menu .label-text {
        margin-bottom: 0
    }

    .avatar-component .dropdown-menu *:last-child {
        border-bottom: 0
    }

    .avatar-component .dropdown-menu .input-upload {
        display: none
    }

.avatar-component .avatar-left {
    margin-bottom: .9375rem
}

    .avatar-component .avatar-left button {
        width: 7.4375rem;
        height: 7.4375rem;
        border: 0;
        padding: 0;
        overflow: hidden;
        cursor: pointer
    }

    .avatar-component .avatar-left .photo {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        border-radius: 50%
    }

.avatar-component .content-right h2 {
    font-size: 1.875rem;
    color: #000;
    line-height: 1.33
}

.avatar-component .content-right h3 {
    font-size: 1.25rem;
    color: #000;
    line-height: 1.9
}

    .avatar-component .content-right h3 a {
        color: #000
    }

        .avatar-component .content-right h3 a:hover {
            text-decoration: none
        }

    .avatar-component .content-right h3 span {
        color: #ba2014
    }

.avatar-component .content-right p {
    font-size: 1.125rem;
    line-height: 1.44;
    color: #000;
    margin-bottom: .3125rem
}

@media screen and (min-width: 768px) {
    .avatar-component {
        margin-bottom: 3.125rem
    }

        .avatar-component .content-right p {
            font-size: 1.25rem
        }
}

.gencare-profile-page .avatar-component .avatar-left button {
    cursor: auto
}

.user-profile-component {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-bottom: 3.125rem;
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 320px) {
    .user-profile-component {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .user-profile-component {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .user-profile-component {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .user-profile-component {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.user-profile-component:last-child {
    margin-bottom: 0
}

.user-profile-component form {
    width: 100%
}

.user-profile-component .heading {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .user-profile-component .heading .edit-btn {
        display: block;
        min-width: 8.4375rem;
        width: 8.4375rem
    }

    .user-profile-component .heading .heading-btn {
        display: none
    }

        .user-profile-component .heading .heading-btn *:last-child {
            padding-left: 10px
        }

    .user-profile-component .heading h2 {
        font-size: 1.5rem;
        color: #ba2014;
        line-height: 1.33
    }

.user-profile-component .link-btn.save-btn {
    min-width: 3.75rem;
    margin-left: .9375rem
}

.user-profile-component .link-btn.cancel-btn {
    min-width: 60px
}

.user-profile-component .row-item {
    margin-bottom: 1.75rem
}

    .user-profile-component .row-item:last-child {
        margin-bottom: 0
    }

    .user-profile-component .row-item label {
        font-size: 1.25rem;
        color: #000;
        line-height: 1.4;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        margin-right: .625rem
    }

        .user-profile-component .row-item label i {
            font-size: .9375rem;
            margin-right: 5px;
            width: 1.5625rem;
            color: #000
        }

    .user-profile-component .row-item p {
        font-size: 1.25rem;
        color: #000;
        line-height: 1.4
    }

    .user-profile-component .row-item .input-content {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user-profile-component .row-item.row-full-name .input-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .user-profile-component .row-item.row-full-name .name-placeholder {
        display: block;
        text-align: right
    }

    .user-profile-component .row-item.row-full-name .form-control {
        display: none
    }

    .user-profile-component .row-item.row-address .form-control {
        width: 100%
    }

    .user-profile-component .row-item.row-address .input-content {
        display: initial
    }

    .user-profile-component .row-item.row-address label {
        padding-bottom: 5px
    }

    .user-profile-component .row-item.row-address .address-placeholder {
        display: block;
        padding: .625rem 1.875rem 0;
        min-height: 5.25rem
    }

    .user-profile-component .row-item.row-address textarea {
        display: none
    }

.user-profile-component .form-group {
    margin: 0;
    width: 100%
}

    .user-profile-component .form-group .select-wrapper {
        position: relative;
        width: 100%;
        direction: rtl;
        overflow: hidden
    }

        .user-profile-component .form-group .select-wrapper::after {
            font-family: "fontello";
            content: '\f107';
            position: absolute;
            right: 0;
            top: 1px;
            pointer-events: none
        }

    .user-profile-component .form-group .form-control {
        font-size: 1.25rem;
        font-weight: 300;
        font-size: 1.25rem;
        color: #000;
        line-height: 1.4;
        text-align: right;
        width: 100%;
        border-bottom: 0;
        pointer-events: none
    }

        .user-profile-component .form-group .form-control::-webkit-input-placeholder {
            line-height: inherit;
            color: #000;
            font-size: 1.25rem;
            font-weight: 300
        }

        .user-profile-component .form-group .form-control:-moz-placeholder {
            line-height: inherit;
            color: #000;
            font-size: 1.25rem;
            font-weight: 300
        }

        .user-profile-component .form-group .form-control::-moz-placeholder {
            line-height: inherit;
            color: #000;
            font-size: 1.25rem;
            font-weight: 300
        }

        .user-profile-component .form-group .form-control:-ms-input-placeholder {
            line-height: inherit;
            color: #000;
            font-size: 1.25rem;
            font-weight: 300
        }

    .user-profile-component .form-group.form-select {
        border: 0;
        cursor: initial
    }

        .user-profile-component .form-group.form-select p {
            display: block
        }

        .user-profile-component .form-group.form-select .select-wrapper {
            display: none
        }

        .user-profile-component .form-group.form-select select {
            -webkit-appearance: none;
            -moz-appearance: none;
            direction: rtl;
            cursor: pointer;
            width: 100%;
            border: 0;
            padding-right: 20px;
            height: auto
        }

            .user-profile-component .form-group.form-select select::-ms-expand {
                display: none
            }

            .user-profile-component .form-group.form-select select:focus {
                outline: none
            }

.user-profile-component.js-editable .heading .edit-btn {
    display: none
}

.user-profile-component.js-editable .heading .heading-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-profile-component.js-editable .row-item .input-content {
    border-bottom: 1px solid #7c7c7c;
    padding-bottom: 4px
}

.user-profile-component.js-editable .row-item.row-full-name .name-placeholder {
    display: none
}

.user-profile-component.js-editable .row-item.row-full-name .form-control {
    display: block
}

.user-profile-component.js-editable .row-item.row-address .input-content {
    border: 0
}

.user-profile-component.js-editable .row-item.row-address p {
    display: none
}

.user-profile-component.js-editable .row-item.row-address textarea {
    border: 1px solid #7c7c7c;
    text-align: left;
    padding: .625rem 1.875rem;
    display: block
}

.user-profile-component.js-editable .form-group.form-select p {
    display: none
}

.user-profile-component.js-editable .form-group.form-select .select-wrapper {
    display: block
}

.user-profile-component.js-editable .form-group .form-control {
    pointer-events: auto
}

@media screen and (min-width: 768px) {
    .user-profile-component {
        margin-bottom: 3.75rem
    }

        .user-profile-component 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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .user-profile-component .row-item {
            width: calc(100% / 2 - 30px);
            margin-bottom: 2.1875rem
        }

            .user-profile-component .row-item.heading, .user-profile-component .row-item.row-address {
                width: 100%
            }

                .user-profile-component .row-item .heading h2 {
                    font-size: 2.25rem
                }
}

@media screen and (min-width: 1024px) {
    .user-profile-component .row-item {
        width: calc(100% / 2 - 100px)
    }
}

.ie .user-profile-component .row-address .input-content {
    display: inline
}

.ie .user-profile-component .form-group .form-control {
    width: 80%
}

.ie .user-profile-component .row-item label {
    white-space: nowrap
}

    .ie .user-profile-component .row-item label i {
        width: auto
    }

@media screen and (min-width: 1024px) {
    .ie .profile-page .profile-change-account {
        margin: 0
    }
}

.profile-change-account .row-item {
    width: 100%
}

    .profile-change-account .row-item p {
        color: #7c7c7c;
        cursor: pointer;
        text-decoration: underline
    }

        .profile-change-account .row-item p.is-has-account {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            color: #000;
            text-decoration: none;
            vertical-align: middle
        }

            .profile-change-account .row-item p.is-has-account *:last-child {
                margin-left: 4px
            }

        .profile-change-account .row-item p .icon-profile-pencil-alt {
            font-size: .875rem;
            margin-bottom: 3px;
            line-height: 1
        }

    .profile-change-account .row-item label .icon-profile-envelope {
        font-size: .8125rem
    }

.profile-change-social-network .row-item .icon-wrap {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 5px
}

.profile-change-social-network .row-item p {
    cursor: default
}

.profile-change-social-network .row-item a {
    color: #7c7c7c;
    text-decoration: underline
}

    .profile-change-social-network .row-item a.link-connection {
        margin-right: 1.25rem
    }

.profile-change-social-network .row-item .icon {
    margin-right: 0;
    color: #fff;
    width: auto;
    font-size: .6875rem
}

.profile-change-social-network .row-item .is-icon-fb {
    background-color: #3a589b
}

.profile-change-social-network .row-item .is-icon-zalo {
    background-color: #0180c7
}

    .profile-change-social-network .row-item .is-icon-zalo .icon {
        font-size: .375rem
    }

.profile-change-social-network .row-item .is-icon-google-plus {
    background-color: #f0f0f0
}

    .profile-change-social-network .row-item .is-icon-google-plus img {
        max-width: 50%
    }

.profile-change-social-network .row-item .edit-connection {
    position: relative;
    top: -2px
}

    .profile-change-social-network .row-item .edit-connection i {
        color: #000
    }

.ie .profile-change-social-network .row-item .is-icon-google-plus img {
    width: 100%
}

.profile-page .profile-change-block {
    padding-bottom: 2.5rem
}

.profile-page .avatar-component {
    padding-top: 3.125rem
}

@media screen and (min-width: 768px) {
    .profile-page .profile-change-block {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .profile-page .profile-change-block {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .profile-page .profile-change-block {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .profile-page .profile-change-block {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .profile-page .profile-change-block {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .profile-page .profile-change-account {
        width: calc(100% / 2 - 30px);
        padding-left: 0;
        padding-right: 0;
        margin: initial
    }
}

@media screen and (min-width: 1024px) {
    .profile-page .profile-change-account {
        width: calc(100% / 2 - 100px)
    }
}

.search-result-articles .search-form {
    position: relative;
    margin: 0 auto;
    margin-top: .9375rem
}

    .search-result-articles .search-form .search-bar {
        width: 100%;
        height: 2.5rem;
        border: 1px solid #7c7c7c;
        font-size: .75rem;
        border-radius: .1875rem;
        padding-left: .625rem;
        padding-right: 2.5rem;
        color: #7c7c7c;
        font-weight: 300
    }

        .search-result-articles .search-form .search-bar::-webkit-input-placeholder {
            font-size: .75rem;
            font-weight: 300;
            font-size: .75rem;
            vertical-align: auto
        }

        .search-result-articles .search-form .search-bar:-ms-input-placeholder {
            font-size: .75rem;
            font-weight: 300;
            font-size: .75rem;
            vertical-align: auto
        }

        .search-result-articles .search-form .search-bar::-ms-input-placeholder {
            font-size: .75rem;
            font-weight: 300;
            font-size: .75rem;
            vertical-align: auto
        }

        .search-result-articles .search-form .search-bar::placeholder {
            font-size: .75rem;
            font-weight: 300;
            font-size: .75rem;
            vertical-align: auto
        }

        .search-result-articles .search-form .search-bar::-webkit-input-placeholder::-webkit-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: .75rem;
            font-weight: 300
        }

        .search-result-articles .search-form .search-bar::placeholder::-webkit-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: .75rem;
            font-weight: 300
        }

        .search-result-articles .search-form .search-bar:-ms-input-placeholder:-ms-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: .75rem;
            font-weight: 300
        }

        .search-result-articles .search-form .search-bar::-ms-input-placeholder:-ms-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: .75rem;
            font-weight: 300
        }

        .search-result-articles .search-form .search-bar::placeholder:-ms-input-placeholder {
            line-height: inherit;
            color: #7c7c7c;
            font-size: .75rem;
            font-weight: 300
        }

        .search-result-articles .search-form .search-bar::-ms-clear {
            display: none;
            width: 0;
            height: 0
        }

    .search-result-articles .search-form .btn-icon-search {
        position: absolute;
        height: 2.5rem;
        top: 0;
        right: 0;
        line-height: 2.5rem;
        font-size: .75rem;
        padding: 0 .625rem;
        border: 0;
        background: transparent
    }

        .search-result-articles .search-form .btn-icon-search:hover {
            color: #ba2014;
            cursor: pointer
        }

.search-result-articles .articles {
    padding-top: .9375rem
}

    .search-result-articles .articles .sticky-category {
        display: none
    }

    .search-result-articles .articles .category {
        font-size: .625rem;
        text-transform: uppercase;
        background-color: #979797;
        color: #fff;
        width: 4.375rem;
        text-align: center
    }

@media screen and (min-width: 768px) {
    .search-result-articles .search-form {
        text-align: center;
        max-width: 50rem;
        margin-top: 4.375rem;
        margin-bottom: 1.25rem
    }

    .search-result-articles .articles {
        padding-top: 1.875rem
    }

        .search-result-articles .articles .sticky-category {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: .625rem;
            color: #fff;
            background-color: rgba(0,0,0,0.7);
            text-transform: uppercase;
            width: 6.375rem;
            height: 1.4375rem;
            line-height: 1.4375rem
        }

        .search-result-articles .articles .category {
            display: none
        }
}

.not-have-page {
    padding: 0;
    height: calc(100vh - 70px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .not-have-page .content {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        text-align: center;
        padding-bottom: 2.8125rem
    }

@media screen and (min-width: 320px) {
    .not-have-page .content {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .not-have-page .content {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .not-have-page .content {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .not-have-page .content {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.not-have-page .content h2 {
    font-size: 9.375rem;
    color: #000;
    line-height: 1.33
}

.not-have-page .content p {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.56;
    text-transform: uppercase;
    margin-bottom: 1.875rem
}

.not-have-page .content .button .btn {
    width: auto;
    text-decoration: none;
    color: #fff;
    background-color: #ba2014
}

    .not-have-page .content .button .btn:hover {
        color: #fff;
        background-color: #d02517
    }

    .not-have-page .content .button .btn.focus, .not-have-page .content .button .btn:focus {
        color: #fff;
        background-color: #a01b11
    }

@media screen and (min-width: 768px) {
    .not-have-page .content h2 {
        font-size: 12.5rem;
        line-height: 1;
        margin-bottom: 1.375rem
    }

    .not-have-page .content p {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 4.5625rem
    }
}

.articles .item {
    margin-bottom: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .articles .item:last-child {
        margin-bottom: 0
    }

    .articles .item .image {
        position: relative
    }

        .articles .item .image .remove {
            position: absolute;
            z-index: 2;
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            background-color: #ba2014;
            border: 0;
            top: -.625rem;
            right: -.625rem
        }

            .articles .item .image .remove:before, .articles .item .image .remove:after {
                content: ' ';
                height: .625rem;
                width: .0625rem;
                background-color: #fff;
                position: absolute;
                z-index: 3;
                top: .3125rem
            }

            .articles .item .image .remove:before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .articles .item .image .remove:after {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .articles .item .image .remove:hover {
                background-color: #7c7c7c;
                cursor: pointer
            }

    .articles .item .item-image img {
        width: 10rem;
        height: auto
    }

    .articles .item .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        padding-left: .5625rem;
        text-align: left
    }

        .articles .item .content .time {
            font-size: 1rem;
            line-height: 1.5;
            margin-bottom: 0;
            color: #7c7c7c
        }

        .articles .item .content .title {
            font-size: 1.125rem;
            line-height: 1.44;
            color: #000
        }

            .articles .item .content .title a {
                color: #000
            }

                .articles .item .content .title a:hover {
                    text-decoration: none
                }

        .articles .item .content .brief {
            font-size: 1.25rem;
            line-height: 1.4;
            display: none
        }

@media screen and (min-width: 768px) {
    .articles .item {
        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-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% / 3 - 30px);
        margin-left: .9375rem;
        margin-right: .9375rem;
        margin-bottom: 3.125rem
    }

        .articles .item:nth-last-child(1), .articles .item:nth-last-child(2), .articles .item:nth-last-child(3) {
            margin-bottom: 0
        }

        .articles .item .content {
            padding-left: 0;
            width: 100%
        }

            .articles .item .content .title {
                font-size: 1.625rem;
                line-height: 1.31;
                width: 100%
            }

            .articles .item .content .time {
                position: initial;
                margin: .125rem 0 .5rem
            }

            .articles .item .content .brief {
                display: block;
                width: 100%
            }

        .articles .item .image {
            width: 100%;
            margin-bottom: .625rem
        }

        .articles .item .item-image img {
            width: 100%
        }
}

@media screen and (min-width: 768px) {
    .ie .articles .item .image .remove:before, .ie .articles .item .image .remove:after {
        left: .625rem
    }
}

.is-favorite-article .sticky-category {
    display: none
}

.is-favorite-article .category {
    font-size: .625rem;
    text-transform: uppercase;
    background-color: #979797;
    color: #fff;
    width: 4.375rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .is-favorite-article .articles {
        padding-top: 4.875rem
    }

        .is-favorite-article .articles .sticky-category {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: .625rem;
            color: #fff;
            background-color: rgba(0,0,0,0.7);
            text-transform: uppercase;
            width: 6.375rem;
            height: 1.4375rem;
            line-height: 1.4375rem
        }

        .is-favorite-article .articles .category {
            display: none
        }
}

.ios .articles .item .image .remove {
    padding: 0
}

.gencare-office-partners {
    padding-top: 2.5rem
}

    .gencare-office-partners .form .location-select {
        margin-bottom: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .gencare-office-partners .form .location-select .icon {
            top: -3px
        }

        .gencare-office-partners .form .location-select .title {
            white-space: nowrap;
            margin-right: .5rem
        }

        .gencare-office-partners .form .location-select .form-select {
            width: 100%
        }

        .gencare-office-partners .form .location-select .form-control {
            height: 27px
        }

    .gencare-office-partners .select-current-location {
        margin-bottom: 1.875rem;
        text-align: center
    }

    .gencare-office-partners .office-partner-list .city {
        margin-bottom: 2.8125rem
    }

        .gencare-office-partners .office-partner-list .city .city-name {
            font-weight: 300;
            font-size: 1.25rem;
            color: #ba2014;
            line-height: 1.4;
            margin-bottom: .625rem
        }

        .gencare-office-partners .office-partner-list .city .offices .office-info {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition: opacity .5s ease-out;
            transition: opacity .5s ease-out;
            margin-bottom: 1.5625rem
        }

            .gencare-office-partners .office-partner-list .city .offices .office-info.hidden {
                opacity: 0;
                filter: alpha(opacity=0);
                position: absolute;
                z-index: 1;
                left: -999em
            }

            .gencare-office-partners .office-partner-list .city .offices .office-info:last-child {
                margin-bottom: 0
            }

            .gencare-office-partners .office-partner-list .city .offices .office-info .info {
                font-size: 1.125rem;
                line-height: 1.44
            }

            .gencare-office-partners .office-partner-list .city .offices .office-info .branch-name {
                font-weight: 400;
                font-size: 1.125rem;
                line-height: 1.44;
                margin-bottom: .1875rem
            }

    .gencare-office-partners .see-more {
        text-align: center
    }

        .gencare-office-partners .see-more .hidden {
            display: none !important
        }

@media screen and (min-width: 768px) {
    .gencare-office-partners {
        padding-top: 3.75rem
    }

        .gencare-office-partners .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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .gencare-office-partners .form .location-select {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                margin-bottom: 3.625rem
            }

                .gencare-office-partners .form .location-select .form-select {
                    max-width: 250px
                }

                .gencare-office-partners .form .location-select .title {
                    margin-right: .6875rem
                }

        .gencare-office-partners .office-partner-list {
            max-width: 1100px;
            margin-left: auto;
            margin-right: auto
        }

            .gencare-office-partners .office-partner-list .city {
                margin-bottom: 1.5625rem
            }

                .gencare-office-partners .office-partner-list .city:last-child {
                    margin-bottom: 1.5625rem
                }

                .gencare-office-partners .office-partner-list .city .offices {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                    .gencare-office-partners .office-partner-list .city .offices .office-info {
                        width: 50%;
                        max-width: 486px
                    }

    .ie .gencare-office-partners .office-partner-list .city .offices .office-info {
        max-width: none
    }

    .gencare-office-partners .office-partner-list .city .offices .office-info:nth-child(2n) {
        margin-right: 0
    }

    .gencare-office-partners .office-partner-list .city .offices .office-info .info {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .gencare-office-partners .office-partner-list .city .offices .office-info .branch-name {
        margin-bottom: .3125rem
    }

    .gencare-office-partners .see-more {
        display: block;
        text-align: center
    }

    .gencare-office-partners .select-current-location {
        margin-bottom: 3.125rem
    }
}

.challenge-history-list .item-list .detail-block .time-reward .time-block {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.base-modal {
    padding-right: 0 !important
}

    .base-modal .modal-wrapper > *:last-child {
        margin-bottom: 0
    }

    .base-modal .form-1-column {
        padding: 0
    }

    .base-modal .grid-container {
        padding-left: 0;
        padding-right: 0
    }

    .base-modal .title {
        font-size: 1.625rem;
        line-height: 1.31;
        text-align: center;
        font-weight: 400;
        margin-bottom: .625rem
    }

    .base-modal .sub-title {
        font-size: 1.125rem;
        color: #000;
        text-align: center;
        line-height: 1.44;
        font-weight: 300;
        margin-bottom: 1.5rem
    }

    .base-modal .button-group {
        text-align: center;
        font-size: 0;
        line-height: 0
    }

        .base-modal .button-group .btn {
            min-width: calc(50% - 8px);
            margin-right: .9375rem;
            width: auto
        }

            .base-modal .button-group .btn:only-of-type {
                width: 100%
            }

        .base-modal .button-group *:last-child {
            margin-right: 0
        }

    .base-modal.view-photo-modal img {
        max-width: 100%
    }

    .base-modal.view-photo-modal .close, .base-modal.view-photo-modal .title {
        display: none
    }

    .base-modal.view-photo-modal .modal-body {
        padding: 0rem
    }

    .base-modal.view-photo-modal .modal-dialog {
        width: initial;
        margin: 1.875rem
    }

    .base-modal.view-photo-modal .modal-content {
        width: initial;
        margin: 0 auto
    }

@media screen and (min-width: 768px) {
    .base-modal .modal-dialog {
        width: 660px;
        margin-left: auto;
        margin-right: auto
    }

    .base-modal .title {
        font-size: 1.875rem;
        line-height: 1.33;
        margin-bottom: .9375rem
    }

    .base-modal .sub-title {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 1.75rem
    }

    .base-modal .button-group .btn {
        min-width: 9.375rem
    }

        .base-modal .button-group .btn:only-of-type {
            width: auto
        }

    .base-modal.view-photo-modal .modal-dialog {
        max-width: 43.75rem;
        margin-left: auto;
        margin-right: auto
    }

    .base-modal.remove-photo-modal .title {
        margin-bottom: 3.125rem
    }

    .base-modal.remove-photo-modal .modal-body {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .base-modal.remove-photo-modal .btn {
        min-width: 9.375rem;
        width: auto
    }
}

.s-point-history {
    padding: 0 0 5rem
}

    .s-point-history .b-container p.title-head {
        padding: 2.5625rem 1.6875rem 2.1875rem;
        line-height: 1.08;
        color: #000;
        border-bottom: 1px solid #d0d0d0;
        text-align: center;
        font-size: 1.5rem
    }

        .s-point-history .b-container p.title-head strong {
            font-weight: 400;
            color: #ba2014
        }

    .s-point-history .b-container ul {
        margin-bottom: 1.875rem
    }

        .s-point-history .b-container ul li {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 1.4375rem .9375rem;
            border-bottom: 1px solid #d0d0d0;
            min-height: 5.625rem;
            line-height: 1.5;
            font-size: 1rem
        }

            .s-point-history .b-container ul li .date {
                color: #7c7c7c;
                white-space: nowrap
            }

            .s-point-history .b-container ul li .title {
                color: #000
            }

            .s-point-history .b-container ul li .point {
                font-weight: 400;
                white-space: nowrap
            }

                .s-point-history .b-container ul li .point.plus {
                    color: #417505
                }

                .s-point-history .b-container ul li .point.minus {
                    color: #ba2014
                }

    .s-point-history .b-container .see-more {
        text-align: center
    }

        .s-point-history .b-container .see-more .btn {
            max-width: 19.6875rem
        }

@media screen and (min-width: 768px) {
    .s-point-history .b-container {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .s-point-history .b-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-point-history .b-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .s-point-history .b-container {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-point-history .b-container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .s-point-history .b-container p.title-head {
        padding: 3.8125rem p2rem(0) 2.8125rem;
        border-bottom: 0
    }

    .s-point-history .b-container ul {
        border: 1px solid #d0d0d0
    }

        .s-point-history .b-container ul li {
            padding: 2.0625rem 6.375rem
        }

            .s-point-history .b-container ul li .date-title {
                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-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

                .s-point-history .b-container ul li .date-title .date {
                    width: 8.3125rem;
                    margin-right: 2.0625rem
                }

                .s-point-history .b-container ul li .date-title .title {
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    margin-right: 1.875rem
                }

        .s-point-history .b-container ul *:last-child {
            border-bottom: 0
        }
}

@media screen and (min-width: 1024px) {
    .s-point-history .b-container ul li .date-title .date {
        width: 10.8125rem
    }

    .s-point-history .b-container ul li .date-title .title {
        margin-right: 8.125rem
    }
}

.br-theme-css-stars .br-widget {
    height: 28px;
    white-space: nowrap;
    text-align: center
}

    .br-theme-css-stars .br-widget a {
        text-decoration: none;
        height: 18px;
        width: 18px;
        font-size: 20px;
        margin-right: 5px
    }

        .br-theme-css-stars .br-widget a:after {
            content: '\e83a';
            font-family: "fontello";
            font-weight: bold
        }

        .br-theme-css-stars .br-widget a.br-active:after {
            content: '\e838';
            font-family: "fontello";
            color: #000;
            font-weight: bold
        }

        .br-theme-css-stars .br-widget a.br-selected:after {
            content: '\e838';
            font-family: "fontello";
            color: #000;
            font-weight: bold
        }

    .br-theme-css-stars .br-widget .br-current-rating {
        display: none
    }

.br-theme-css-stars .br-readonly a {
    cursor: default
}

@media print {
    .br-theme-css-stars .br-widget a:after {
        content: '\2606';
        color: #000
    }

    .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after {
        content: '\2605';
        color: #000
    }
}

.empty-list {
    text-align: center;
    padding: 50px 0 !important
}

    .empty-list p {
        text-align: center;
        font-size: 20px;
        color: #7c7c7c
    }

@media screen and (min-width: 768px) {
    .empty-list {
        padding: 100px 0 !important
    }
}

.google-map-block {
    margin-bottom: 1.875rem;
    position: relative;
    z-index: 1
}

    .google-map-block .loading-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%
    }

    .google-map-block #office-partner-map {
        height: 400px;
        width: 100%
    }

@media screen and (min-width: 768px) {
    .google-map-block #office-partner-map {
        height: 675px
    }
}

.advisor-list .articles {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.advisor-list .related-advisor-header {
    font-size: 1.5rem;
    color: #ba2014;
    line-height: 1.42;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 30px;
    border-top: 1px solid #7c7c7c
}

.advisor-list.related-advisor .articles {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .advisor-list {
        padding-bottom: 100px
    }

        .advisor-list .image {
            margin-bottom: 10px
        }

        .advisor-list .title {
            margin-bottom: 10px
        }

        .advisor-list .item {
            margin-bottom: 3.125rem
        }

        .advisor-list .articles {
            padding-top: 4.375rem;
            padding-bottom: 3.125rem
        }

        .advisor-list .related-advisor-header {
            padding-bottom: 30px
        }
}

.advisor-consultant-answer {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-bottom: 4.375rem
}

@media screen and (min-width: 320px) {
    .advisor-consultant-answer {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .advisor-consultant-answer {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .advisor-consultant-answer {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .advisor-consultant-answer {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.advisor-consultant-answer .consultant-info {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.25rem
}

.advisor-consultant-answer .consultant-img {
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    margin-right: 15px
}

    .advisor-consultant-answer .consultant-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
        border: 1px solid #d8d8d8
    }

.advisor-consultant-answer .consultant-content {
    width: calc(100% - 95px)
}

.advisor-consultant-answer .consultant-name {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.44
}

    .advisor-consultant-answer .consultant-name a {
        color: #000
    }

        .advisor-consultant-answer .consultant-name a:hover {
            text-decoration: none
        }

.advisor-consultant-answer .consultant-position, .advisor-consultant-answer .consultant-location {
    font-size: 1rem;
    color: #000;
    line-height: 1.5
}

.advisor-consultant-answer .consultant-answer {
    font-size: 1.125rem;
    color: #000;
    line-height: 1.44
}

    .advisor-consultant-answer .consultant-answer p {
        margin-bottom: 10px
    }

    .advisor-consultant-answer .consultant-answer *:last-child {
        margin-bottom: 0
    }

@media screen and (min-width: 768px) {
    .advisor-consultant-answer .consultant-info {
        margin-bottom: 30px
    }

    .advisor-consultant-answer .consultant-img {
        width: 6.1875rem;
        height: 6.1875rem;
        margin-right: 1.0625rem
    }

    .advisor-consultant-answer .consultant-content {
        width: calc(100% - 116px)
    }

    .advisor-consultant-answer .consultant-name {
        font-size: 1.25rem
    }

    .advisor-consultant-answer .consultant-answer {
        font-size: 1.25rem
    }
}

.advisor-consultant-answer {
    padding-left: 2.8125rem
}

@media screen and (min-width: 768px) {
    .advisor-consultant-answer {
        padding-left: 4.375rem
    }
}

.gencare-profile-me ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
    margin-bottom: 0
}

    .gencare-profile-me ul li.row-item {
        margin-bottom: 1.25rem
    }

        .gencare-profile-me ul li.row-item:nth-child(2n) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .gencare-profile-me ul li.row-item:last-child {
            margin-bottom: 1.25rem
        }

        .gencare-profile-me ul li.row-item:nth-child(8) {
            margin-bottom: 0
        }

        .gencare-profile-me ul li.row-item.row-address {
            margin-bottom: 0
        }

            .gencare-profile-me ul li.row-item.row-address .row-content {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .gencare-profile-me ul li.row-item.row-address .row-content p {
                    padding-left: 1.75rem;
                    text-align: left
                }

    .gencare-profile-me ul .row-content {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .gencare-profile-me ul .row-content label {
            font-size: 1.125rem;
            line-height: 1.44
        }

        .gencare-profile-me ul .row-content p {
            font-size: 1.125rem;
            line-height: 1.44;
            text-align: right
        }

        .gencare-profile-me ul .row-content i {
            width: 1.25rem;
            font-size: .9375rem;
            margin-right: .625rem
        }

@media screen and (min-width: 768px) {
    .gencare-profile-me ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .gencare-profile-me ul li.row-item {
            margin-bottom: 1.875rem
        }

            .gencare-profile-me ul li.row-item:nth-child(2n) {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .gencare-profile-me ul li.row-item:last-child {
                margin-bottom: 0
            }

            .gencare-profile-me ul li.row-item.row-address {
                width: calc(100% / 2 - 30px)
            }

                .gencare-profile-me ul li.row-item.row-address .row-content p {
                    padding-left: 1.75rem
                }

        .gencare-profile-me ul .row-content label {
            font-size: 1.25rem
        }

        .gencare-profile-me ul .row-content p {
            font-size: 1.25rem;
            line-height: 1.4
        }

        .gencare-profile-me ul .row-content i {
            width: 1.375rem;
            font-size: .9375rem;
            margin-right: .4375rem
        }
}

@media screen and (min-width: 1024px) {
    .gencare-profile-me ul li.row-item.row-address {
        width: calc(100% / 2 - 100px)
    }
}

.b-gencare-user-profile .name-title {
    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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.875rem .9375rem .9375rem;
    border-bottom: 1px solid #d0d0d0;
    line-height: 1.4;
    font-size: 1.25rem;
    color: #000
}

    .b-gencare-user-profile .name-title span:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .b-gencare-user-profile .name-title span.name {
        text-transform: uppercase
    }

    .b-gencare-user-profile .name-title a {
        color: #000;
        font-size: 1rem;
        margin-left: .3125rem
    }

        .b-gencare-user-profile .name-title a[aria-expanded='false'] i:before {
            -webkit-transition: transform ease;
            -webkit-transition: -webkit-transform ease;
            transition: -webkit-transform ease;
            transition: transform ease;
            transition: transform ease, -webkit-transform ease;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .b-gencare-user-profile .name-title a[aria-expanded='true'] i:before {
            -webkit-transition: transform ease;
            -webkit-transition: -webkit-transform ease;
            transition: -webkit-transform ease;
            transition: transform ease;
            transition: transform ease, -webkit-transform ease;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.b-gencare-user-profile .items-list {
    padding: .9375rem;
    margin-bottom: 0;
    border-bottom: 1px solid #d0d0d0
}

    .b-gencare-user-profile .items-list li {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .9375rem
    }

        .b-gencare-user-profile .items-list li .td-item {
            font-family: "Oswald",sans-serif;
            font-size: 1.125rem;
            line-height: 1.56;
            color: #000
        }

            .b-gencare-user-profile .items-list li .td-item.td-title {
                font-weight: 400
            }

        .b-gencare-user-profile .items-list li.hidden-mobile {
            display: none
        }

    .b-gencare-user-profile .items-list *:last-child {
        margin-bottom: 0
    }

.b-gencare-user-profile .accordion .accordion-header {
    padding: 1.25rem .9375rem 0
}

    .b-gencare-user-profile .accordion .accordion-header .th-td-item {
        margin-bottom: .9375rem
    }

        .b-gencare-user-profile .accordion .accordion-header .th-td-item p {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-family: "Oswald",sans-serif;
            font-size: 1.125rem;
            line-height: 1.56;
            color: #000
        }

            .b-gencare-user-profile .accordion .accordion-header .th-td-item p span.td-title {
                font-weight: 400;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

.b-gencare-user-profile .accordion .items-list {
    border-bottom: 0;
    padding-top: 0
}

.b-gencare-user-profile .accordion a {
    display: block;
    text-align: center;
    color: #000;
    font-size: 1rem;
    border-bottom: 1px solid #d0d0d0
}

    .b-gencare-user-profile .accordion a i {
        line-height: 1.25rem
    }

    .b-gencare-user-profile .accordion a[aria-expanded='false'] i:before {
        -webkit-transition: transform ease;
        -webkit-transition: -webkit-transform ease;
        transition: -webkit-transform ease;
        transition: transform ease;
        transition: transform ease, -webkit-transform ease;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .b-gencare-user-profile .accordion a[aria-expanded='true'] i:before {
        -webkit-transition: transform ease;
        -webkit-transition: -webkit-transform ease;
        transition: -webkit-transform ease;
        transition: transform ease;
        transition: transform ease, -webkit-transform ease;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.b-gencare-user-profile .accordion .status.is-lapse span:last-child {
    color: #7c7c7c
}

.b-gencare-user-profile .accordion .status.is-effect span:last-child {
    color: #ba2014
}

@media screen and (min-width: 768px) {
    .b-gencare-user-profile {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .b-gencare-user-profile {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .b-gencare-user-profile {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .b-gencare-user-profile {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .b-gencare-user-profile {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .b-gencare-user-profile .name-title {
        font-size: 1.875rem;
        padding: 3.125rem 0 .9375rem
    }

        .b-gencare-user-profile .name-title a {
            margin-left: .9375rem
        }

            .b-gencare-user-profile .name-title a:hover {
                cursor: pointer;
                color: #ba2014
            }

    .b-gencare-user-profile .items-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -.9375rem;
        padding: .9375rem 0 2.8125rem;
        border-bottom: 0
    }

        .b-gencare-user-profile .items-list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: .9375rem;
            padding: 0 .9375rem
        }

            .b-gencare-user-profile .items-list li .td-item {
                font-size: 1.25rem;
                line-height: 1.4
            }

                .b-gencare-user-profile .items-list li .td-item.td-title {
                    margin-bottom: .9375rem
                }

            .b-gencare-user-profile .items-list li.hidden-mobile {
                display: unset;
                font-weight: 400
            }

    .b-gencare-user-profile .accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: space-between;
        -ms-flex-align: space-between;
        align-items: space-between;
        position: relative
    }

        .b-gencare-user-profile .accordion .accordion-header {
            padding: .9375rem 0;
            border-bottom: 1px solid #d0d0d0
        }

            .b-gencare-user-profile .accordion .accordion-header .th-item {
                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-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            .b-gencare-user-profile .accordion .accordion-header .th-td-item {
                margin-bottom: 0
            }

                .b-gencare-user-profile .accordion .accordion-header .th-td-item p {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    font-size: 1.25rem;
                    line-height: 1.4
                }

                    .b-gencare-user-profile .accordion .accordion-header .th-td-item p span {
                        margin-right: 5px
                    }

                        .b-gencare-user-profile .accordion .accordion-header .th-td-item p span.td-title {
                            -webkit-box-flex: unset;
                            -ms-flex: unset;
                            flex: unset
                        }

                .b-gencare-user-profile .accordion .accordion-header .th-td-item:first-child {
                    width: 60%
                }

                .b-gencare-user-profile .accordion .accordion-header .th-td-item:nth-child(2) {
                    width: 40%;
                    padding-left: .9375rem
                }

        .b-gencare-user-profile .accordion .items-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: unset;
            -webkit-box-direction: unset;
            -ms-flex-direction: unset;
            flex-direction: unset;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 1.625rem 0 3.125rem
        }

            .b-gencare-user-profile .accordion .items-list li {
                width: 20%
            }

                .b-gencare-user-profile .accordion .items-list li p.hidden-desktop {
                    display: none
                }

                .b-gencare-user-profile .accordion .items-list li:nth-child(4n+1), .b-gencare-user-profile .accordion .items-list li:first-child {
                    width: 40%;
                    padding-left: 6.25rem
                }

                .b-gencare-user-profile .accordion .items-list li:last-child, .b-gencare-user-profile .accordion .items-list li:nth-last-child(2), .b-gencare-user-profile .accordion .items-list li:nth-last-child(3), .b-gencare-user-profile .accordion .items-list li:nth-last-child(4) {
                    margin-bottom: 0
                }

            .b-gencare-user-profile .accordion .items-list:last-child {
                padding-bottom: 0
            }

        .b-gencare-user-profile .accordion a {
            border: 0;
            position: absolute;
            right: 0;
            top: 1.25rem
        }

            .b-gencare-user-profile .accordion a:hover {
                color: #ba2014;
                cursor: pointer
            }
}

.gencare-profile-page {
    padding-bottom: 2.5rem
}

@media screen and (min-width: 768px) {
    .gencare-profile-page {
        padding-bottom: 6.25rem
    }
}

.gencare-my-documents {
    padding-top: 2.1875rem
}

    .gencare-my-documents .top-block {
        padding: 0 .9375rem;
        margin-bottom: 1.875rem
    }

        .gencare-my-documents .top-block .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-bottom: .9375rem
        }

            .gencare-my-documents .top-block .item .title {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                white-space: nowrap
            }

            .gencare-my-documents .top-block .item .value {
                position: relative;
                -webkit-box-flex: 2;
                -ms-flex: 2;
                flex: 2
            }

        .gencare-my-documents .top-block .search-button {
            text-align: center
        }

    .gencare-my-documents .bottom-block .date-block .date {
        border-top: 1px solid #d0d0d0;
        padding: .9375rem .9375rem .625rem;
        background-color: #f8f8f8;
        font-weight: 400;
        font-size: 1.125rem
    }

    .gencare-my-documents .bottom-block .date-block .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: .9375rem;
        border-bottom: 1px dotted #d0d0d0
    }

        .gencare-my-documents .bottom-block .date-block .item:last-child {
            border-bottom: 0
        }

        .gencare-my-documents .bottom-block .date-block .item .sub-block {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3
        }

            .gencare-my-documents .bottom-block .date-block .item .sub-block .title {
                display: none;
                white-space: nowrap
            }

            .gencare-my-documents .bottom-block .date-block .item .sub-block .value {
                font-size: 1.125rem
            }

        .gencare-my-documents .bottom-block .date-block .item .is-document-type-block {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3
        }

            .gencare-my-documents .bottom-block .date-block .item .is-document-type-block .title {
                text-align: left
            }

            .gencare-my-documents .bottom-block .date-block .item .is-document-type-block .value {
                text-align: right
            }

        .gencare-my-documents .bottom-block .date-block .item .is-download-block {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            width: 40px
        }

            .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button {
                position: relative;
                top: -2px;
                border-width: 0;
                line-height: normal;
                height: auto;
                min-width: auto
            }

                .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button i {
                    font-size: .875rem
                }

                .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button .is-download-text {
                    display: none
                }

    .gencare-my-documents .see-more {
        text-align: right
    }

        .gencare-my-documents .see-more a {
            font-size: 1rem;
            border: 0;
            width: auto
        }

@media screen and (min-width: 768px) {
    .gencare-my-documents {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.6875rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-my-documents {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-my-documents {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-my-documents {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-my-documents {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-my-documents .top-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2.0625rem;
        padding: 0
    }

        .gencare-my-documents .top-block .item {
            margin-right: 3.125rem;
            margin-bottom: 0
        }

            .gencare-my-documents .top-block .item .title {
                -webkit-box-flex: 1;
                -ms-flex: auto;
                flex: auto;
                margin-right: .9375rem
            }

            .gencare-my-documents .top-block .item .value {
                -webkit-box-flex: 1;
                -ms-flex: auto;
                flex: auto;
                max-width: 11.5625rem;
                width: 100%
            }

        .gencare-my-documents .top-block .search-button {
            padding-top: 0;
            position: relative;
            top: -9px
        }

    .gencare-my-documents .bottom-block .date-block .date {
        font-size: 1.25rem
    }

    .gencare-my-documents .bottom-block .date-block .item {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 0;
        padding: 1.25rem 0 .625rem .9375rem
    }

        .gencare-my-documents .bottom-block .date-block .item .sub-block {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2;
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-right: 6.875rem
        }

            .gencare-my-documents .bottom-block .date-block .item .sub-block .title {
                display: block;
                font-weight: 400;
                font-size: 1.25rem;
                margin-right: 1.25rem
            }

            .gencare-my-documents .bottom-block .date-block .item .sub-block .value {
                text-align: right;
                font-size: 1.25rem
            }

        .gencare-my-documents .bottom-block .date-block .item .is-download-block {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-right: 0;
            min-width: 11rem;
            position: relative;
            top: -3px
        }

            .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button {
                position: relative;
                top: -2px;
                border-width: 1px;
                line-height: 2.5rem;
                height: 2.5rem;
                min-width: 11rem;
                max-width: 19.6875rem
            }

                .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button i {
                    font-size: .875rem
                }

                .gencare-my-documents .bottom-block .date-block .item .is-download-block .is-download-button .is-download-text {
                    display: inline-block;
                    font-size: 1rem;
                    font-weight: 400
                }

    .gencare-my-documents .see-more {
        padding-top: 2.1875rem;
        border: 0;
        text-align: right
    }

        .gencare-my-documents .see-more a {
            border: 0;
            min-width: auto
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .gencare-my-documents .bottom-block .date-block .item .sub-block {
        margin-right: 1.25rem
    }

        .gencare-my-documents .bottom-block .date-block .item .sub-block .title {
            font-size: 1rem
        }

        .gencare-my-documents .bottom-block .date-block .item .sub-block .value {
            font-size: 1rem
        }
}

@media screen and (min-width: 1024px) {
    .gencare-my-documents .top-block .item .value {
        max-width: 13.0625rem;
        min-width: 11.5625rem
    }
}

@media screen and (min-width: 768px) {
    .ie .gencare-my-documents .bottom-block .date-block .item .is-download-block {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }
}

.gencare-history-transaction {
    padding-top: 1.875rem
}

    .gencare-history-transaction .top-block {
        padding: 0 .9375rem
    }

        .gencare-history-transaction .top-block .contract-number {
            text-align: center;
            font-size: 1.125rem;
            line-height: 1.44;
            font-weight: 400;
            margin-bottom: 1.75rem
        }

            .gencare-history-transaction .top-block .contract-number .number {
                display: inline-block;
                font-size: 1.25rem;
                color: #ba2014;
                margin-left: 5px
            }

    .gencare-history-transaction .bottom-block .date-block .date {
        font-size: 1.125rem;
        font-weight: 400;
        background-color: #f8f8f8;
        padding: .9375rem .9375rem .625rem;
        border-top: 1px solid #d0d0d0
    }

    .gencare-history-transaction .bottom-block .date-block .info {
        padding: .9375rem 0;
        margin: 0 .9375rem;
        font-size: 1.125rem;
        border-top: 1px dotted #d0d0d0
    }

        .gencare-history-transaction .bottom-block .date-block .info .is-download-button {
            float: right;
            color: #000;
            font-size: 1rem
        }

    .gencare-history-transaction .bottom-block .date-block p:nth-of-type(1) {
        border-top: 0
    }

    .gencare-history-transaction .see-more {
        text-align: right
    }

        .gencare-history-transaction .see-more a {
            font-size: 1rem;
            border: 0;
            width: auto
        }

@media screen and (min-width: 768px) {
    .gencare-history-transaction {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 3.125rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-history-transaction {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-transaction {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-history-transaction {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-transaction {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-history-transaction .top-block {
        padding: 0;
        margin-bottom: 3rem
    }

        .gencare-history-transaction .top-block .contract-number {
            font-size: 1.25rem;
            margin-bottom: 0
        }

            .gencare-history-transaction .top-block .contract-number .number {
                font-size: 1.875rem
            }

    .gencare-history-transaction .bottom-block {
        margin-bottom: 2.1875rem
    }

        .gencare-history-transaction .bottom-block .date-block .date {
            font-size: 1.25rem
        }

        .gencare-history-transaction .bottom-block .date-block .info {
            font-size: 1.25rem;
            margin: 0;
            padding-left: .9375rem;
            padding-right: .9375rem
        }

    .gencare-history-transaction .see-more {
        padding-top: 1.875rem;
        border: 0;
        text-align: right
    }

        .gencare-history-transaction .see-more a {
            border: 0;
            padding: 0;
            min-width: auto
        }
}

.gencare-coverage .contract-info {
    padding-top: 1.875rem
}

    .gencare-coverage .contract-info .contract-number {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.44;
        text-align: center;
        margin-bottom: 1.25rem
    }

        .gencare-coverage .contract-info .contract-number .number {
            display: inline-block;
            margin-left: .3125rem;
            font-size: 1.25rem;
            color: #ba2014
        }

    .gencare-coverage .contract-info .customer {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.4
    }

        .gencare-coverage .contract-info .customer .title {
            white-space: nowrap
        }

        .gencare-coverage .contract-info .customer .name {
            text-transform: uppercase;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0 .3125rem;
            text-align: right
        }

    .gencare-coverage .contract-info .card-info {
        border-radius: 3px;
        border: solid 1px #d0d0d0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
        background-image: linear-gradient(to bottom, #fff, #f8f8f8);
        padding: .625rem .9375rem .9375rem;
        margin-bottom: .9375rem;
        display: none
    }

        .gencare-coverage .contract-info .card-info .item {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: .3125rem
        }

            .gencare-coverage .contract-info .card-info .item .title {
                font-size: 1.125rem;
                font-weight: 400;
                white-space: nowrap
            }

            .gencare-coverage .contract-info .card-info .item .value {
                font-size: 1.125rem;
                text-align: right
            }

.gencare-coverage .bottom-block .item {
    border-top: 1px solid #d0d0d0;
    padding-top: .9375rem
}

    .gencare-coverage .bottom-block .item .block {
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 .9375rem
    }

        .gencare-coverage .bottom-block .item .block:first-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .gencare-coverage .bottom-block .item .block .category {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-size: 1.125rem
        }

        .gencare-coverage .bottom-block .item .block .is-expand-arrow {
            text-align: right;
            position: relative;
            top: -5px
        }

        .gencare-coverage .bottom-block .item .block .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-weight: 400;
            font-size: 1.125rem
        }

        .gencare-coverage .bottom-block .item .block .value {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: right;
            font-size: 1.125rem
        }

        .gencare-coverage .bottom-block .item .block .is-unexpired {
            color: #ba2014
        }

        .gencare-coverage .bottom-block .item .block .is-expired {
            color: #7c7c7c
        }

    .gencare-coverage .bottom-block .item .desktop-left-block, .gencare-coverage .bottom-block .item .desktop-right-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .gencare-coverage .bottom-block .item .desktop-left-block .sub-item, .gencare-coverage .bottom-block .item .desktop-right-block .sub-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-bottom: .75rem
        }

.gencare-coverage .bottom-block .is-expanded .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gencare-coverage .rotate-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

.gencare-coverage .see-more {
    padding-top: 2.1875rem;
    border: 0;
    text-align: right
}

    .gencare-coverage .see-more a {
        border: 0;
        min-width: auto;
        width: auto
    }

@media screen and (min-width: 768px) {
    .gencare-coverage {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.6875rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-coverage {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-coverage {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-coverage {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-coverage {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-coverage .contract-info {
        padding: 3.125rem 0 1.875rem
    }

        .gencare-coverage .contract-info .contract-number {
            font-size: 1.25rem;
            margin-bottom: 3.125rem
        }

            .gencare-coverage .contract-info .contract-number .number {
                font-size: 1.875rem;
                margin-left: .9375rem
            }

        .gencare-coverage .contract-info .customer {
            font-size: 1.875rem;
            line-height: 1.33;
            margin-bottom: .9375rem
        }

            .gencare-coverage .contract-info .customer .title {
                display: block
            }

            .gencare-coverage .contract-info .customer .name {
                margin: 0
            }

            .gencare-coverage .contract-info .customer .is-expand-arrow {
                display: none
            }

        .gencare-coverage .contract-info .card-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            padding-top: .9375rem
        }

            .gencare-coverage .contract-info .card-info .item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .gencare-coverage .contract-info .card-info .item .title {
                    text-align: left;
                    font-size: 1.25rem;
                    margin-bottom: .3125rem
                }

                .gencare-coverage .contract-info .card-info .item .value {
                    text-align: left;
                    font-size: 1.25rem
                }

    .gencare-coverage .bottom-block .item {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .75rem
    }

        .gencare-coverage .bottom-block .item .category-block {
            width: 100%
        }

            .gencare-coverage .bottom-block .item .category-block .category {
                font-size: 1.25rem;
                margin-bottom: 1.5625rem
            }

        .gencare-coverage .bottom-block .item .desktop-left-block .sub-item, .gencare-coverage .bottom-block .item .desktop-right-block .sub-item {
            width: 460px;
            margin-bottom: 1.0625rem
        }

            .gencare-coverage .bottom-block .item .desktop-left-block .sub-item .title, .gencare-coverage .bottom-block .item .desktop-right-block .sub-item .title {
                font-size: 1.25rem
            }

            .gencare-coverage .bottom-block .item .desktop-left-block .sub-item .value, .gencare-coverage .bottom-block .item .desktop-right-block .sub-item .value {
                font-size: 1.25rem
            }

        .gencare-coverage .bottom-block .item .block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0
        }

            .gencare-coverage .bottom-block .item .block .is-expand-arrow {
                display: none
            }

    .gencare-coverage .see-more {
        border: 0
    }

        .gencare-coverage .see-more a {
            padding: 0
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .gencare-coverage .bottom-block .item .desktop-left-block .sub-item, .gencare-coverage .bottom-block .item .desktop-right-block .sub-item {
        width: 320px
    }
}

.s-block {
    padding: .625rem 0 2.5rem
}

    .s-block .b-container {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem
    }

@media screen and (min-width: 320px) {
    .s-block .b-container {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .s-block .b-container {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .s-block .b-container {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .s-block .b-container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.s-block .b-container *:last-child {
    margin-bottom: 0
}

.s-block .b-policy {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .s-block {
        padding: 4.375rem 0 6.25rem
    }

        .s-block .b-policy {
            margin-bottom: 4.375rem
        }
}

.b-item {
    padding: 1.25rem 0 .5rem;
    border-bottom: 1px solid #d0d0d0;
    width: 100%
}

    .b-item p {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .9375rem;
        line-height: 1.44;
        font-size: 1.125rem
    }

    .b-item .title, .b-item .is-bold {
        font-weight: 400
    }

    .b-item .is-color {
        color: #ba2014
    }

    .b-item .is-effect .value {
        color: #ba2014
    }

    .b-item .is-lapse .value {
        color: #7c7c7c
    }

    .b-item .button-group {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: .9375rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .b-item .button-group .btn {
            width: auto;
            min-width: auto;
            border: 0;
            padding: 0
        }

@media screen and (min-width: 768px) {
    .b-item {
        width: calc(50% - 15px);
        border: 1px solid #d0d0d0;
        border-radius: .1875rem;
        padding: .9375rem;
        margin-bottom: 3.125rem
    }

        .b-item:last-child, .b-item:nth-last-child(2) {
            margin-bottom: 0
        }

        .b-item p {
            margin-bottom: .9375rem;
            line-height: 1.4;
            font-size: 1.25rem
        }

        .b-item .button-group {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .b-item .button-group .btn {
                margin-right: .9375rem;
                min-width: auto;
                padding: 0
            }

                .b-item .button-group .btn:last-child {
                    margin-right: 0
                }
}

@media screen and (min-width: 1024px) {
    .b-item {
        padding: 1.875rem 1.875rem 1.25rem
    }

        .b-item .button-group .btn {
            margin-right: 1.875rem;
            min-width: auto
        }
}

.s-policy-detail {
    padding-bottom: 2.5rem
}

    .s-policy-detail .action-bar {
        border-top: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 1.875rem
    }

        .s-policy-detail .action-bar .b-action-bar {
            margin: 0 auto;
            padding-left: .9375rem;
            padding-right: .9375rem
        }

@media screen and (min-width: 320px) {
    .s-policy-detail .action-bar .b-action-bar {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .s-policy-detail .action-bar .b-action-bar {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .s-policy-detail .action-bar .b-action-bar {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .s-policy-detail .action-bar .b-action-bar {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.s-policy-detail .action-bar .b-action-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding: .4375rem 0 .3125rem
}

    .s-policy-detail .action-bar .b-action-bar ul a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        color: #000;
        line-height: 1.5;
        font-size: 1rem
    }

        .s-policy-detail .action-bar .b-action-bar ul a i {
            font-size: .875rem;
            line-height: 1
        }

        .s-policy-detail .action-bar .b-action-bar ul a:hover {
            color: #ba2014
        }

.s-policy-detail .b-item {
    position: relative;
    padding: 0 .9375rem;
    margin-bottom: 1.25rem;
    width: 100%
}

    .s-policy-detail .b-item:last-child {
        border-bottom: 0
    }

        .s-policy-detail .b-item:last-child .b-item-content p:last-child, .s-policy-detail .b-item:last-child .b-item-content p:nth-child(3) {
            margin-bottom: 0
        }

    .s-policy-detail .b-item.is-have-border .b-item-content {
        margin-bottom: .9375rem
    }

    .s-policy-detail .b-item.is-padding-bottom {
        padding-bottom: .9375rem
    }

    .s-policy-detail .b-item:last-child {
        margin-bottom: 0
    }

    .s-policy-detail .b-item .collapse-arrow {
        color: #000;
        position: absolute;
        right: .9375rem;
        top: 0;
        height: 1.75rem
    }

        .s-policy-detail .b-item .collapse-arrow i {
            line-height: 1
        }

            .s-policy-detail .b-item .collapse-arrow i:before {
                -webkit-transition: transform ease;
                -webkit-transition: -webkit-transform ease;
                transition: -webkit-transform ease;
                transition: transform ease;
                transition: transform ease, -webkit-transform ease;
                -webkit-transition-duration: .4s;
                transition-duration: .4s;
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

    .s-policy-detail .b-item p.head-title {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1.25rem;
        color: #ba2014;
        line-height: 1.4;
        margin-bottom: .9375rem
    }

    .s-policy-detail .b-item .b-item-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s-policy-detail .b-item .b-item-content p {
            display: none
        }

            .s-policy-detail .b-item .b-item-content p:first-child, .s-policy-detail .b-item .b-item-content p:nth-child(3) {
                display: inherit
            }

        .s-policy-detail .b-item .b-item-content.is-two-column-content p:nth-child(2n) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .s-policy-detail .b-item .b-item-content .is-full-width p:nth-child(2) {
            display: inherit;
            margin-bottom: 0
        }

        .s-policy-detail .b-item .b-item-content .is-full-width p:nth-child(3) {
            display: none
        }

        .s-policy-detail .b-item .b-item-content.is-not-order p:nth-child(2) {
            display: inherit
        }

        .s-policy-detail .b-item .b-item-content.is-not-order p:nth-child(3) {
            display: none
        }

    .s-policy-detail .b-item .is-have-toggle {
        display: none
    }

    .s-policy-detail .b-item.is-expanded .collapse-arrow i:before {
        -webkit-transition: transform ease;
        -webkit-transition: -webkit-transform ease;
        transition: -webkit-transform ease;
        transition: transform ease;
        transition: transform ease, -webkit-transform ease;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .s-policy-detail .b-item.is-expanded .beneficiary-list {
        visibility: visible;
        height: auto
    }

    .s-policy-detail .b-item.is-expanded .b-item-content p {
        display: inherit
    }

    .s-policy-detail .b-item.is-expanded .b-item-content .is-full-width p:nth-child(3) {
        display: block
    }

    .s-policy-detail .b-item.is-expanded .b-item-content .is-full-width p:nth-child(2) {
        margin-bottom: .9375rem
    }

    .s-policy-detail .b-item.is-expanded .is-have-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .s-policy-detail .b-item.is-expanded.is-have-border .b-item-content {
        border-bottom: 1px dotted #d0d0d0
    }

    .s-policy-detail .b-item.is-expanded:last-child .b-item-content p:nth-child(3) {
        margin-bottom: .9375rem
    }

    .s-policy-detail .b-item.is-expanded .is-not-order p:nth-child(3) {
        display: inherit
    }

.s-policy-detail .beneficiary-list {
    visibility: hidden;
    height: 0
}

    .s-policy-detail .beneficiary-list .beneficiary-carousel {
        padding: 0;
        margin-bottom: 2.5rem
    }

        .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item {
            padding: .9375rem 1.875rem;
            border: 1px solid #d0d0d0;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
            background-image: linear-gradient(to bottom, #fff, #f8f8f8);
            width: 100%;
            border-radius: .1875rem
        }

            .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item .name {
                color: #ba2014;
                line-height: 1.44;
                margin-bottom: .3125rem;
                display: block;
                text-align: center
            }

            .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item .b-item-content {
                margin-bottom: 0;
                border-bottom: 0
            }

                .s-policy-detail .beneficiary-list .beneficiary-carousel .slide-item .b-item-content p {
                    margin-bottom: .3125rem
                }

        .s-policy-detail .beneficiary-list .beneficiary-carousel .slick-dots {
            position: absolute;
            bottom: -1.125rem;
            height: 1.25rem
        }

            .s-policy-detail .beneficiary-list .beneficiary-carousel .slick-dots li button {
                border-color: #000
            }

            .s-policy-detail .beneficiary-list .beneficiary-carousel .slick-dots li.slick-active button {
                background-color: #000
            }

@media screen and (min-width: 768px) {
    .s-policy-detail {
        padding-bottom: 6.25rem
    }

        .s-policy-detail .action-bar {
            margin-bottom: 3.125rem
        }

            .s-policy-detail .action-bar .b-action-bar ul {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding: 1.125rem 0
            }

                .s-policy-detail .action-bar .b-action-bar ul a {
                    font-size: 1.25rem;
                    margin-right: 4.375rem;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .s-policy-detail .action-bar .b-action-bar ul a i {
                        margin-right: .3125rem;
                        font-size: 1.0625rem
                    }

        .s-policy-detail .policy-detail-items {
            margin: 0 auto;
            padding-left: .9375rem;
            padding-right: .9375rem
        }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .s-policy-detail .policy-detail-items {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-policy-detail .policy-detail-items {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .s-policy-detail .policy-detail-items {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-policy-detail .policy-detail-items {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .s-policy-detail .policy-detail-items .collapse-arrow {
        display: none
    }

    .s-policy-detail .policy-detail-items .b-item {
        padding: 0;
        margin-bottom: 1.875rem;
        border: 0
    }

        .s-policy-detail .policy-detail-items .b-item .head-title {
            font-size: 1.875rem;
            line-height: 1.27;
            padding-bottom: .9375rem;
            border-bottom: 1px solid #d0d0d0
        }

        .s-policy-detail .policy-detail-items .b-item .b-item-content {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .s-policy-detail .policy-detail-items .b-item .b-item-content p {
                width: calc(100% / 2 - 40px);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .s-policy-detail .policy-detail-items .b-item .b-item-content p:nth-child(2n) {
                    -webkit-box-ordinal-group: 1;
                    -ms-flex-order: 0;
                    order: 0
                }

            .s-policy-detail .policy-detail-items .b-item .b-item-content.is-have-toggle {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 1.875rem
            }

            .s-policy-detail .policy-detail-items .b-item .b-item-content.is-two-column-content .is-full-width p {
                width: 100%
            }

                .s-policy-detail .policy-detail-items .b-item .b-item-content.is-two-column-content .is-full-width p:nth-child(3) {
                    margin-bottom: .9375rem;
                    display: block
                }

                .s-policy-detail .policy-detail-items .b-item .b-item-content.is-two-column-content .is-full-width p:nth-child(2) {
                    margin-bottom: .9375rem
                }

            .s-policy-detail .policy-detail-items .b-item .b-item-content.is-not-order p:nth-child(3) {
                display: inherit
            }

        .s-policy-detail .policy-detail-items .b-item.is-have-border .b-item-content {
            border-bottom: 1px dotted #d0d0d0
        }

        .s-policy-detail .policy-detail-items .b-item .beneficiary-list {
            visibility: visible;
            height: auto
        }

            .s-policy-detail .policy-detail-items .b-item .beneficiary-list .head-title {
                font-size: 1.25rem;
                padding-bottom: 0;
                border-bottom: 0
            }

            .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item {
                margin-bottom: .9375rem
            }

                .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item p.name {
                    margin-bottom: .9375rem;
                    text-align: left
                }

                .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item .b-item-content {
                    border: 0
                }

                    .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item .b-item-content p {
                        margin-bottom: .9375rem
                    }

                        .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item .b-item-content p:last-child, .s-policy-detail .policy-detail-items .b-item .beneficiary-list .slide-item .b-item-content p:nth-last-child(2) {
                            margin-bottom: 0
                        }

        .s-policy-detail .policy-detail-items .b-item:last-child {
            margin-bottom: 0
        }
}

.policy-coverage {
    width: 100%;
    font-family: "Oswald",sans-serif
}

    .policy-coverage .coverage-carousel {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

        .policy-coverage .coverage-carousel .slick-list {
            height: auto;
            padding-top: 1.875rem;
            padding-bottom: 2.6875rem
        }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-body {
                position: relative;
                margin: 0 auto;
                width: 21.5625rem;
                min-height: 12.125rem
            }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                border-radius: .375rem;
                -webkit-box-shadow: 0 1px 2px 0 #7c7c7c;
                box-shadow: 0 1px 2px 0 #7c7c7c;
                border: solid 1px #d0d0d0;
                z-index: 2;
                overflow: hidden
            }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content:before {
                    position: absolute;
                    z-index: -1;
                    right: 0;
                    bottom: -1.75rem;
                    content: '\e80a';
                    font-family: "fontello";
                    font-size: 6.625rem;
                    color: #000;
                    opacity: 0.05
                }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d1d1));
                background-image: linear-gradient(to bottom, #fff, #d1d1d1);
                padding: 1.125rem 1.25rem 1rem
            }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo {
                    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-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    color: #ba2014;
                    text-transform: uppercase;
                    margin-bottom: 1.125rem;
                    font-size: 1rem
                }

                    .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo .logo-generali {
                        width: 1.5rem;
                        height: 1.5rem;
                        border-radius: 50%;
                        background-color: #fff;
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: .25rem;
                        line-height: 1.5
                    }

                        .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo .logo-generali i {
                            font-size: .6875rem
                        }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .coverage-id {
                    color: #000;
                    font-weight: 400;
                    font-size: 1.25rem;
                    line-height: 1.4;
                    margin-bottom: .375rem
                }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .title, .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .date {
                    font-size: 1rem;
                    line-height: 1.5
                }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .title {
                    margin-bottom: .125rem
                }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .date {
                    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-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .is-link {
                    color: #ba2014;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .is-link i {
                        font-size: .5rem;
                        margin-left: .375rem;
                        margin-top: .1875rem
                    }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .name {
                    margin-bottom: .375rem;
                    font-weight: 400;
                    line-height: 1.6;
                    color: #000;
                    font-size: 1.25rem;
                    text-transform: uppercase;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden
                }

        .policy-coverage .coverage-carousel .slick-dots {
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            height: 2.5rem
        }

            .policy-coverage .coverage-carousel .slick-dots li {
                height: 100%;
                top: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .policy-coverage .coverage-carousel .slick-dots li button {
                    border-color: #000
                }

                .policy-coverage .coverage-carousel .slick-dots li.slick-active button {
                    background-color: #000
                }

@media screen and (max-width: 374px) {
    .policy-coverage .coverage-carousel .slick-list .slide-item .item-body {
        width: calc(100% - 15px);
        height: auto
    }

    .policy-coverage .coverage-carousel .slick-dots {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        height: 2.5rem
    }

        .policy-coverage .coverage-carousel .slick-dots li button {
            border-color: #000
        }

        .policy-coverage .coverage-carousel .slick-dots li.slick-active button {
            background-color: #000
        }
}

@media screen and (min-width: 768px) {
    .policy-coverage .coverage-carousel .slick-list {
        padding-top: 3.75rem;
        padding-bottom: 4.625rem
    }

        .policy-coverage .coverage-carousel .slick-list .slide-item .item-body {
            width: 36.5625rem;
            min-height: 20.5625rem
        }

        .policy-coverage .coverage-carousel .slick-list .slide-item .item-content {
            border-radius: .625rem;
            -webkit-box-shadow: 0 2px 3px 0 #7c7c7c;
            box-shadow: 0 2px 3px 0 #7c7c7c;
            min-height: 20.5625rem
        }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content:before {
                font-size: 11rem;
                bottom: -2.75rem
            }

        .policy-coverage .coverage-carousel .slick-list .slide-item .item-content {
            padding: 1.875rem 2.1875rem
        }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo {
                margin-bottom: 2.625rem;
                font-size: 1.25rem
            }

                .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo .logo-generali {
                    width: 2.5rem;
                    height: 2.5rem;
                    margin-right: .375rem
                }

                    .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .logo .logo-generali i {
                        font-size: .6875rem
                    }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .coverage-id {
                font-size: 2.25rem;
                line-height: 1.11;
                margin-bottom: 1.125rem
            }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .title, .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .date {
                font-size: 1.25rem;
                line-height: 1.2
            }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .name {
                margin-bottom: 2.5625rem;
                line-height: 1.6;
                font-size: 1.875rem
            }

            .policy-coverage .coverage-carousel .slick-list .slide-item .item-content .title {
                margin-bottom: .3125rem
            }

        .policy-coverage .coverage-carousel .slick-list .slide-item .back {
            padding: 2.1875rem
        }

            .policy-coverage .coverage-carousel .slick-list .slide-item .back ul {
                margin-bottom: 1.75rem
            }

                .policy-coverage .coverage-carousel .slick-list .slide-item .back ul li {
                    font-size: 1.25rem;
                    padding: 0 .9375rem;
                    line-height: 1.4
                }

                    .policy-coverage .coverage-carousel .slick-list .slide-item .back ul li:first-child:before {
                        top: .375rem;
                        height: calc(100% - 8px)
                    }

            .policy-coverage .coverage-carousel .slick-list .slide-item .back p {
                font-size: 1.25rem;
                line-height: 1.4;
                margin-bottom: .9375rem
            }

    .policy-coverage .coverage-carousel .slick-dots {
        height: 4.625rem
    }

        .policy-coverage .coverage-carousel .slick-dots li button {
            width: .875rem;
            height: .875rem
        }

        .policy-coverage .coverage-carousel .slick-dots li.slick-active button {
            background-color: #000
        }

    .policy-coverage .coverage-carousel .slick-arrow {
        opacity: 0.6
    }

        .policy-coverage .coverage-carousel .slick-arrow:before {
            color: #000
        }

        .policy-coverage .coverage-carousel .slick-arrow:hover {
            opacity: 1
        }

        .policy-coverage .coverage-carousel .slick-arrow.slick-prev {
            left: calc(50% - 585px / 2 - 70px)
        }

        .policy-coverage .coverage-carousel .slick-arrow.slick-next {
            right: calc(50% - 585px / 2 - 70px)
        }
}

.gencare-history-premium {
    padding-top: 2.1875rem
}

    .gencare-history-premium .top-block {
        padding: 0 .9375rem
    }

        .gencare-history-premium .top-block .contract-number {
            font-size: 1.125rem;
            font-weight: 400;
            text-align: center;
            margin-bottom: 1.25rem
        }

            .gencare-history-premium .top-block .contract-number .number {
                display: inline-block;
                font-size: 1.25rem;
                color: #ba2014;
                margin-left: .625rem
            }

        .gencare-history-premium .top-block .paid-fee {
            font-size: 1.25rem;
            font-weight: 400;
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 1.25rem
        }

            .gencare-history-premium .top-block .paid-fee .amount {
                color: #ba2014
            }

    .gencare-history-premium .bottom-block .date-block .date {
        font-size: 1.125rem;
        font-weight: 400;
        background-color: #f8f8f8;
        padding: .9375rem .9375rem .625rem;
        border-top: 1px solid #d0d0d0
    }

    .gencare-history-premium .bottom-block .date-block .info {
        padding: .3125rem .9375rem 0
    }

        .gencare-history-premium .bottom-block .date-block .info .sub-block {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 1.125rem;
            margin-bottom: .9375rem
        }

            .gencare-history-premium .bottom-block .date-block .info .sub-block .title {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-weight: 400
            }

            .gencare-history-premium .bottom-block .date-block .info .sub-block .value {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-align: right
            }

    .gencare-history-premium .see-more {
        text-align: right
    }

        .gencare-history-premium .see-more a {
            font-size: 1rem;
            border: 0;
            width: auto
        }

@media screen and (min-width: 768px) {
    .gencare-history-premium {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.6875rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-history-premium {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-premium {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-history-premium {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-premium {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-history-premium .top-block {
        padding: 0
    }

        .gencare-history-premium .top-block .contract-number {
            font-size: 1.25rem;
            margin-bottom: 2.8125rem
        }

            .gencare-history-premium .top-block .contract-number .number {
                font-size: 1.875rem;
                margin-left: .9375rem
            }

        .gencare-history-premium .top-block .paid-fee {
            font-size: 1.875rem;
            margin-bottom: 1.875rem
        }

    .gencare-history-premium .bottom-block {
        margin-bottom: 1.25rem
    }

        .gencare-history-premium .bottom-block .date-block .date {
            font-size: 1.25rem
        }

        .gencare-history-premium .bottom-block .date-block .info {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-top: .9375rem;
            padding-bottom: .9375rem
        }

            .gencare-history-premium .bottom-block .date-block .info .sub-block {
                width: 450px;
                font-size: 1.25rem
            }

    .gencare-history-premium .see-more {
        padding-top: 1.875rem;
        border: 0;
        text-align: right
    }

        .gencare-history-premium .see-more a {
            border: 0;
            padding: 0;
            min-width: auto
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .gencare-history-premium .bottom-block .date-block .info .sub-block {
        width: 320px
    }
}

.faq-block .category {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ba2014;
    border-bottom: 1px solid #ba2014;
    padding-bottom: .5rem;
    margin-top: 2.1875rem;
    cursor: pointer
}

    .faq-block .category .content {
        display: inline-block;
        margin-right: .625rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 1.25rem;
        line-height: 1.4
    }

    .faq-block .category .category-arrow {
        width: 2.5rem;
        text-align: center
    }

        .faq-block .category .category-arrow i {
            font-size: 1.6875rem
        }

.faq-block .sub-block {
    margin-top: 1.5625rem
}

    .faq-block .sub-block .question {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: .5rem;
        cursor: pointer
    }

        .faq-block .sub-block .question .sub-content {
            display: inline-block;
            margin-right: .625rem;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-size: 1.125rem;
            line-height: 1.44;
            font-weight: 400
        }

    .faq-block .sub-block .answer {
        margin-top: .9375rem;
        font-size: 1.125rem;
        line-height: 1.44
    }

        .faq-block .sub-block .answer p {
            margin-bottom: .625rem
        }

        .faq-block .sub-block .answer ul {
            margin-bottom: .9375rem
        }

        .faq-block .sub-block .answer table {
            margin-bottom: 10px;
            width: 100%
        }

            .faq-block .sub-block .answer table tr th {
                border: 1px solid #d8d8d8;
                background: #d8d8d8;
                font-weight: 400;
                text-align: center
            }

            .faq-block .sub-block .answer table tr td {
                border: 1px solid #d8d8d8;
                padding: 2px 10px
            }

    .faq-block .sub-block .question-arrow i {
        font-size: 1.0625rem
    }

.faq-block .is-collapsed-arrow:before {
    -webkit-transition: transform ease;
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.faq-block .is-uncollapsed-arrow:before {
    -webkit-transition: transform ease;
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.faq-block:first-child .category {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .faq-block .category {
        padding-bottom: 0;
        margin-top: 4.0625rem
    }

        .faq-block .category .content {
            font-size: 1.875rem
        }

    .faq-block .sub-block .question .sub-content {
        font-size: 1.25rem
    }

    .faq-block .sub-block .answer {
        font-size: 1.25rem;
        line-height: 1.4;
        padding-left: 1.5625rem
    }
}

.s-genacare-landing-panel {
    padding-bottom: 2.5rem
}

    .s-genacare-landing-panel .image picture {
        display: none
    }

        .s-genacare-landing-panel .image picture img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .s-genacare-landing-panel .image .suggestion-menu-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
            width: 100%
        }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image {
                position: relative
            }

                .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    position: absolute;
                    z-index: 3;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    padding: 2.1875rem .9375rem;
                    text-align: center;
                    color: #fff
                }

                    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block p {
                        line-height: 1.31;
                        font-size: 1.625rem;
                        margin-bottom: 1.25rem
                    }

                .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image:before {
                    position: absolute;
                    content: '';
                    width: 100%;
                    height: 100%;
                    background-color: #000;
                    opacity: 0.3
                }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu picture {
                display: block
            }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu {
                padding: 1.875rem .9375rem 0
            }

                .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul {
                    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-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    margin-bottom: 0
                }

                    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li {
                        width: 50%;
                        padding: 1.25rem .625rem;
                        border-bottom: 1px solid #e3e3e3;
                        border-right: 1px solid #e3e3e3
                    }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li:last-child, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li:nth-last-child(2) {
                            border-bottom: 0
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li:nth-child(2n) {
                            border-right: 0
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li a {
                            text-align: center
                        }

                            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li a:hover {
                                text-decoration: none;
                                color: #ba2014
                            }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li i, .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li span {
                            display: block
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li i {
                            color: #ba2014;
                            line-height: 1;
                            margin-bottom: .1875rem;
                            font-size: 1.125rem
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li .icon-gencare-profile {
                            font-size: .875rem;
                            margin-top: .3125rem
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li span {
                            line-height: 1.5;
                            font-size: .9375rem
                        }

                        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li:hover a {
                            text-decoration: none;
                            color: #ba2014
                        }

                            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li:hover a span {
                                color: #ba2014
                            }

    .s-genacare-landing-panel .btn {
        width: 19.6875rem;
        max-width: 100%
    }

@media screen and (max-width: 767px) {
    .s-genacare-landing-panel .b-genacare-landing-panel > .image {
        background: none !important
    }
}

@media screen and (min-width: 768px) {
    .s-genacare-landing-panel {
        padding-bottom: 0;
        height: calc(100vh - 70px);
        min-height: 31.25rem
    }

        .s-genacare-landing-panel .b-genacare-landing-panel > .image {
            min-height: 31.25rem
        }

        .s-genacare-landing-panel .image {
            display: block;
            position: relative;
            height: calc(100vh - 70px)
        }

            .s-genacare-landing-panel .image picture {
                display: unset
            }

            .s-genacare-landing-panel .image .suggestion-menu-block {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                position: absolute;
                z-index: 2;
                width: 100%;
                height: calc(100% - 44px);
                bottom: 0
            }

                .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
                    margin: 0 auto;
                    padding-left: .9375rem;
                    padding-right: .9375rem;
                    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-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch;
                    width: 100%;
                    max-height: 100%
                }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .suggestion {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image {
        position: relative;
        height: 100%;
        background: none !important
    }

        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block {
            position: unset
        }

        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image:before {
            position: absolute;
            z-index: -1;
            content: '';
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4
        }

    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu picture {
        display: none
    }

    .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu {
        width: 30.1875rem;
        background-color: #fff;
        padding: .625rem
    }
}

@media screen and (min-width: 1024px) {
    .s-genacare-landing-panel {
        min-height: 43.75rem
    }

        .s-genacare-landing-panel .b-genacare-landing-panel > .image {
            min-height: 43.75rem
        }

        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block {
            padding: 2.1875rem 6.25rem
        }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .image .suggestion-block p {
                line-height: 1.44;
                font-size: 2.25rem;
                margin-bottom: 5.625rem
            }

        .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li {
            padding: 2.1875rem .625rem
        }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li i {
                margin-bottom: .3125rem;
                font-size: 1.5rem
            }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li .icon-gencare-profile {
                font-size: 1.25rem
            }

            .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu .menu ul li span {
                font-size: 1.25rem;
                line-height: 1.4
            }
}

@media screen and (min-width: 1024px) {
    .ie .s-genacare-landing-panel .image .suggestion-menu-block p {
        width: 100%
    }

    .ie .s-genacare-landing-panel .image .suggestion-menu-block .suggestion-menu {
        margin: 0
    }
}

.ipad .s-genacare-landing-panel .suggestion-menu-block .suggestion-menu .suggestion {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .ipad .s-genacare-landing-panel .suggestion-menu-block .suggestion-menu .suggestion:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.3
    }

    .ipad .s-genacare-landing-panel .suggestion-menu-block .suggestion-menu .suggestion .image:before {
        content: none
    }

.is-upgrade-modal .button {
    text-align: center
}

.gencare-history-apl {
    padding-top: 2.1875rem
}

    .gencare-history-apl .top-block {
        padding: 0 .9375rem
    }

        .gencare-history-apl .top-block .contract-number {
            font-size: 1.125rem;
            font-weight: 400;
            text-align: center;
            margin-bottom: 1.25rem
        }

            .gencare-history-apl .top-block .contract-number .number {
                display: inline-block;
                font-size: 1.25rem;
                color: #ba2014;
                margin-left: .625rem
            }

        .gencare-history-apl .top-block .advance-fee {
            margin-bottom: 1.25rem
        }

            .gencare-history-apl .top-block .advance-fee .block {
                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-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                font-size: 1.25rem;
                font-weight: 400
            }

                .gencare-history-apl .top-block .advance-fee .block .amount {
                    color: #ba2014
                }

                .gencare-history-apl .top-block .advance-fee .block:nth-child(2) .title, .gencare-history-apl .top-block .advance-fee .block:nth-child(3) .title {
                    padding-left: .9375rem
                }

    .gencare-history-apl .bottom-block .date-block .date {
        font-size: 1.125rem;
        font-weight: 400;
        background-color: #f8f8f8;
        padding: .9375rem .9375rem .625rem;
        border-top: 1px solid #d0d0d0
    }

    .gencare-history-apl .bottom-block .date-block .info {
        padding: .3125rem .9375rem 0
    }

        .gencare-history-apl .bottom-block .date-block .info .sub-block {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 1.125rem;
            margin-bottom: .9375rem
        }

            .gencare-history-apl .bottom-block .date-block .info .sub-block .title {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-weight: 400
            }

            .gencare-history-apl .bottom-block .date-block .info .sub-block .value {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-align: right
            }

    .gencare-history-apl .see-more {
        text-align: right
    }

        .gencare-history-apl .see-more a {
            font-size: 1rem;
            border: 0;
            width: auto
        }

@media screen and (min-width: 768px) {
    .gencare-history-apl {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.6875rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-history-apl {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-apl {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-history-apl {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-history-apl {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-history-apl .top-block {
        padding: 0
    }

        .gencare-history-apl .top-block .contract-number {
            font-size: 1.25rem;
            margin-bottom: 2.8125rem
        }

            .gencare-history-apl .top-block .contract-number .number {
                font-size: 1.875rem;
                margin-left: .9375rem
            }

        .gencare-history-apl .top-block .advance-fee {
            margin-bottom: 1.875rem
        }

            .gencare-history-apl .top-block .advance-fee .block {
                font-size: 1.875rem
            }

    .gencare-history-apl .bottom-block {
        margin-bottom: 1.25rem
    }

        .gencare-history-apl .bottom-block .date-block .date {
            font-size: 1.25rem
        }

        .gencare-history-apl .bottom-block .date-block .info {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-top: .9375rem;
            padding-bottom: .9375rem
        }

            .gencare-history-apl .bottom-block .date-block .info .sub-block {
                width: 450px;
                font-size: 1.25rem
            }

    .gencare-history-apl .see-more {
        padding-top: 1.875rem;
        border: 0;
        text-align: right
    }

        .gencare-history-apl .see-more a {
            border: 0;
            padding: 0;
            min-width: auto
        }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .gencare-history-apl .bottom-block .date-block .info .sub-block {
        width: 320px
    }
}

.animation-point-modal {
    z-index: 9999
}

.modal-open .animation-point-modal {
    background: rgba(0,0,0,0.5)
}

.animation-point-modal .modal-dialog .modal-body {
    padding-top: 36px;
    padding-bottom: 39px
}

.animation-point-modal .coin {
    position: absolute;
    z-index: 9999;
    background: url("/img/gencoin.svg") 0 0 no-repeat;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -60px
}

.animation-point-modal .total-point {
    font-size: 4rem;
    line-height: 4.625rem;
    font-weight: 400;
    margin-bottom: 0
}

.animation-point-modal .point-title {
    margin-bottom: .625rem
}

.animation-point-modal .button-group {
    position: relative
}

.animation-point-modal .dropdown-menu {
    margin-top: 1.5625rem;
    min-width: 18.75rem;
    left: 50% !important;
    -webkit-transform: translate(-50%, 40px) !important;
    transform: translate(-50%, 40px) !important
}

.animation-point-modal .light-text {
    color: #7c7c7c
}

@media screen and (min-width: 768px) {
    .animation-point-modal .coin {
        width: 80px;
        height: 80px;
        margin-left: -45px;
        margin-top: -80px
    }
}

.gencare-form-document {
    padding-top: 1.875rem
}

    .gencare-form-document .document {
        border-top: 1px solid #d8d8d8;
        padding: .9375rem .9375rem 0;
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .gencare-form-document .document:last-child {
            border-bottom: 1px solid #d8d8d8
        }

        .gencare-form-document .document .block {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-bottom: .3125rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .gencare-form-document .document .block .title {
                font-size: 1.125rem;
                line-height: 1.56;
                font-weight: 400
            }

            .gencare-form-document .document .block .value {
                font-size: 1.125rem;
                line-height: 1.56;
                text-align: right
            }

            .gencare-form-document .document .block .is-download {
                text-align: center
            }

            .gencare-form-document .document .block .download-button {
                border: 0;
                min-width: auto
            }

                .gencare-form-document .document .block .download-button i {
                    display: inline-block;
                    margin-right: .1875rem;
                    font-size: .875rem
                }

                .gencare-form-document .document .block .download-button .text {
                    font-weight: 400;
                    font-size: 1rem;
                    display: none
                }

        .gencare-form-document .document .is-form-name .title {
            display: none
        }

        .gencare-form-document .document .is-form-name .value {
            text-align: left
        }

        .gencare-form-document .document .is-form-group {
            display: none
        }

        .gencare-form-document .document .is-download-block .is-download {
            text-align: center
        }

        .gencare-form-document .document.is-title {
            padding-top: 0;
            border-top: 0
        }

    .gencare-form-document .see-more {
        text-align: center;
        border-top: 1px solid #d8d8d8;
        padding: 1.875rem 1.875rem 0
    }

@media screen and (min-width: 768px) {
    .gencare-form-document {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.375rem
    }
}

@media screen and (min-width: 768px) and (min-width: 320px) {
    .gencare-form-document {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-form-document {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .gencare-form-document {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .gencare-form-document {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 768px) {
    .gencare-form-document .document {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .9375rem 0
    }

        .gencare-form-document .document:last-child {
            border-bottom: 0
        }

        .gencare-form-document .document .block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 1.25rem;
            margin-bottom: 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            .gencare-form-document .document .block .title {
                font-size: 1.25rem;
                line-height: 1.4
            }

            .gencare-form-document .document .block .value {
                text-align: left;
                font-size: 1.25rem;
                line-height: 1.4
            }

        .gencare-form-document .document .is-form-name .title {
            display: block
        }

        .gencare-form-document .document .is-download-block {
            padding: 0;
            margin-right: 0;
            margin-bottom: 0
        }

            .gencare-form-document .document .is-download-block .is-download {
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

                .gencare-form-document .document .is-download-block .is-download .download-button {
                    border: 1px solid #000;
                    width: 176px
                }

                    .gencare-form-document .document .is-download-block .is-download .download-button .text {
                        display: inline-block
                    }

        .gencare-form-document .document .see-more {
            border: 0
        }
}

.s-genclaim {
    padding: 1.875rem 0 2.5rem;
    text-align: center
}

    .s-genclaim h3 {
        font-size: 1.125rem;
        color: #000;
        line-height: 1.44;
        margin-bottom: .625rem
    }

    .s-genclaim p {
        font-size: 1.125rem;
        line-height: 1.44;
        margin-bottom: 1.875rem
    }

    .s-genclaim ul li {
        display: inline;
        margin-right: .9375rem
    }

        .s-genclaim ul li:last-child {
            margin-right: 0
        }

        .s-genclaim ul li a {
            display: inline-block
        }

            .s-genclaim ul li a img {
                width: 7.375rem;
                height: 2.5rem
            }

            .s-genclaim ul li a:hover {
                cursor: pointer
            }

                .s-genclaim ul li a:hover img {
                    opacity: 0.8
                }

@media screen and (min-width: 768px) {
    .s-genclaim {
        padding: 3.5625rem 0 6.25rem
    }

        .s-genclaim h3 {
            font-size: 1.875rem;
            line-break: 1.33;
            margin-bottom: 1.875rem
        }

        .s-genclaim p {
            font-size: 1.25rem;
            margin-bottom: 1.875rem
        }

        .s-genclaim ul li a img {
            width: 9.25rem;
            height: 3.125rem
        }

        .s-genclaim ul li:first-child {
            margin-right: 1.125rem
        }
}

.android .s-genclaim ul li.applestore {
    display: none
}

.ios .s-genclaim ul li.googleplay {
    display: none
}

.mobile .s-genclaim ul li {
    margin-right: 0
}

.gencare-payment-scheduler {
    padding-top: 1.875rem
}

    .gencare-payment-scheduler .top-block {
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: .9375rem;
        padding: 0 .9375rem
    }

        .gencare-payment-scheduler .top-block .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 1.5rem
        }

            .gencare-payment-scheduler .top-block .info .value {
                font-weight: 400
            }

        .gencare-payment-scheduler .top-block .is-right-info {
            text-align: right
        }

    .gencare-payment-scheduler .bottom-block .month-block {
        margin-bottom: 1.25rem
    }

        .gencare-payment-scheduler .bottom-block .month-block:last-child {
            margin-bottom: 0
        }

            .gencare-payment-scheduler .bottom-block .month-block:last-child .block:nth-child(2) {
                margin-bottom: 0
            }

            .gencare-payment-scheduler .bottom-block .month-block:last-child .is-expanded .block:nth-child(2) {
                margin-bottom: .9375rem
            }

        .gencare-payment-scheduler .bottom-block .month-block .month-info {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 .9375rem .9375rem
        }

            .gencare-payment-scheduler .bottom-block .month-block .month-info .time {
                overflow: hidden;
                position: relative;
                left: -15px;
                background-color: #7c7c7c;
                color: #fff;
                font-size: 1rem;
                padding: .5625rem 2.5rem .3125rem .9375rem
            }

                .gencare-payment-scheduler .bottom-block .month-block .month-info .time::after {
                    content: '';
                    position: absolute;
                    z-index: 1;
                    width: 29px;
                    height: 29px;
                    top: -14px;
                    right: -14px;
                    background-color: #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .gencare-payment-scheduler .bottom-block .month-block .month-info .time::before {
                    content: '';
                    position: absolute;
                    width: 29px;
                    height: 29px;
                    bottom: -14px;
                    right: -14px;
                    background-color: #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .gencare-payment-scheduler .bottom-block .month-block .month-info .time i {
                    display: inline-block;
                    margin-right: .375rem;
                    font-size: .75rem
                }

            .gencare-payment-scheduler .bottom-block .month-block .month-info .fee {
                font-size: 1.5rem;
                color: #ba2014;
                font-weight: 400
            }

        .gencare-payment-scheduler .bottom-block .month-block .details {
            border-top: 1px solid #d8d8d8;
            padding: 1.25rem .9375rem 0;
            position: relative
        }

            .gencare-payment-scheduler .bottom-block .month-block .details .block {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                font-size: 1.125rem;
                margin-bottom: .9375rem;
                display: none
            }

                .gencare-payment-scheduler .bottom-block .month-block .details .block:nth-child(1), .gencare-payment-scheduler .bottom-block .month-block .details .block:nth-child(2) {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .gencare-payment-scheduler .bottom-block .month-block .details .block .title {
                    font-weight: 400
                }

                .gencare-payment-scheduler .bottom-block .month-block .details .block .is-padding-right {
                    padding-right: 1.25rem
                }

                .gencare-payment-scheduler .bottom-block .month-block .details .block .value {
                    text-align: right
                }

            .gencare-payment-scheduler .bottom-block .month-block .details .is-button-block {
                padding-top: .3125rem;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .gencare-payment-scheduler .bottom-block .month-block .details .is-hidden-collapse {
                display: none
            }

        .gencare-payment-scheduler .bottom-block .month-block .is-expanded .block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .gencare-payment-scheduler .bottom-block .month-block .is-expanded .is-hidden-collapse {
            display: inline
        }

        .gencare-payment-scheduler .bottom-block .month-block .is-expanded .collapse-arrow i:before {
            -webkit-transition: transform ease;
            -webkit-transition: -webkit-transform ease;
            transition: -webkit-transform ease;
            transition: transform ease;
            transition: transform ease, -webkit-transform ease;
            -webkit-transition-duration: .4s;
            transition-duration: .4s;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

    .gencare-payment-scheduler .collapse-arrow {
        color: #000;
        position: absolute;
        right: .9375rem;
        top: 1.375rem;
        height: 1.75rem;
        font-size: 1rem
    }

        .gencare-payment-scheduler .collapse-arrow i {
            line-height: 1
        }

            .gencare-payment-scheduler .collapse-arrow i:before {
                -webkit-transition: transform ease;
                -webkit-transition: -webkit-transform ease;
                transition: -webkit-transform ease;
                transition: transform ease;
                transition: transform ease, -webkit-transform ease;
                -webkit-transition-duration: .4s;
                transition-duration: .4s;
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

@media screen and (min-width: 1024px) {
    .gencare-payment-scheduler {
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 4.6875rem
    }
}

@media screen and (min-width: 1024px) and (min-width: 320px) {
    .gencare-payment-scheduler {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) and (min-width: 768px) {
    .gencare-payment-scheduler {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .gencare-payment-scheduler {
        max-width: 1260px
    }
}

@media screen and (min-width: 1024px) and (min-width: 768px) {
    .gencare-payment-scheduler {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media screen and (min-width: 1024px) {
    .gencare-payment-scheduler .top-block {
        margin-bottom: 2.1875rem;
        padding: 0
    }

        .gencare-payment-scheduler .top-block .info {
            font-size: 1.875rem
        }

    .gencare-payment-scheduler .bottom-block .month-block .month-info {
        padding: 0;
        margin-bottom: 1.875rem
    }

        .gencare-payment-scheduler .bottom-block .month-block .month-info .time {
            left: 0;
            font-size: 1.125rem;
            padding: .5625rem 2.5rem .3125rem .9375rem;
            font-weight: 400
        }

            .gencare-payment-scheduler .bottom-block .month-block .month-info .time i {
                font-size: .8125rem;
                position: relative;
                top: -2px
            }

        .gencare-payment-scheduler .bottom-block .month-block .month-info .fee {
            font-size: 1.5rem
        }

    .gencare-payment-scheduler .bottom-block .month-block .details {
        padding: 1.25rem 0 .9375rem;
        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-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #d8d8d8;
        border-bottom: 0
    }

        .gencare-payment-scheduler .bottom-block .month-block .details .block-items {
            margin-left: 6.25rem
        }

            .gencare-payment-scheduler .bottom-block .month-block .details .block-items:nth-child(2) {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .gencare-payment-scheduler .bottom-block .month-block .details .block-items:first-child {
                margin-left: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1
            }

        .gencare-payment-scheduler .bottom-block .month-block .details .block {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .gencare-payment-scheduler .bottom-block .month-block .details .block .title {
                font-size: 1.25rem;
                line-height: 1.4;
                white-space: nowrap;
                margin-right: .625rem
            }

            .gencare-payment-scheduler .bottom-block .month-block .details .block .value {
                font-size: 1.25rem;
                line-height: 1.4
            }

                .gencare-payment-scheduler .bottom-block .month-block .details .block .value.is-padding-right {
                    padding-right: 0
                }

            .gencare-payment-scheduler .bottom-block .month-block .details .block:nth-child(2) {
                margin-bottom: .9375rem
            }

        .gencare-payment-scheduler .bottom-block .month-block .details .is-hidden-collapse {
            display: inline
        }

        .gencare-payment-scheduler .bottom-block .month-block .details .is-button-block {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 0;
            padding-top: 0
        }

            .gencare-payment-scheduler .bottom-block .month-block .details .is-button-block .pay-fee-button {
                max-width: 175px
            }

        .gencare-payment-scheduler .bottom-block .month-block .details .collapse-arrow {
            display: none
        }

    .gencare-payment-scheduler .bottom-block .month-block:last-child .details {
        padding-bottom: 0
    }
}

.s-gencare-payment {
    padding: 1.875rem 0 2.5rem
}

    .s-gencare-payment .b-payment-options li {
        margin-bottom: .9375rem
    }

        .s-gencare-payment .b-payment-options li:last-child {
            margin-bottom: 0
        }

        .s-gencare-payment .b-payment-options li a {
            border-radius: 3px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            border: 1px solid #d0d0d0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 124px;
            text-decoration: none
        }

            .s-gencare-payment .b-payment-options li a .payment-logo {
                width: 148px;
                text-align: center
            }

            .s-gencare-payment .b-payment-options li a .payment-title {
                width: calc(100% - 148px);
                font-size: 1.125rem;
                line-height: 1.44;
                font-weight: 300;
                color: #000;
                text-transform: uppercase;
                padding-right: 1.125rem
            }

            .s-gencare-payment .b-payment-options li a:hover .payment-title {
                color: #ba2014
            }

@media screen and (min-width: 768px) {
    .s-gencare-payment {
        padding: 3.5625rem 0 6.25rem;
        max-width: 820px;
        margin: 0 auto
    }

        .s-gencare-payment .b-payment-options {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .s-gencare-payment .b-payment-options li {
                width: calc(50% - 35px);
                max-width: 345px;
                margin-bottom: 3.125rem
            }

                .s-gencare-payment .b-payment-options li:nth-last-child(1), .s-gencare-payment .b-payment-options li:nth-last-child(2) {
                    margin-bottom: 0
                }
}

.list-style {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 320px) {
    .list-style {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .list-style {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .list-style {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .list-style {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.list-style .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem
}

.list-style .image {
    margin-right: .625rem
}

    .list-style .image img {
        width: 10rem
    }

.list-style .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .list-style .content h2 {
        font-size: 1.125rem;
        color: #000;
        line-height: 1.44
    }

        .list-style .content h2 a {
            color: #000
        }

            .list-style .content h2 a:hover {
                color: #ba2014;
                text-decoration: none
            }

    .list-style .content .desc {
        font-size: 1.25rem;
        color: #000;
        line-height: 1.4;
        display: none;
        text-transform: initial
    }

    .list-style .content h3 {
        font-size: 1rem;
        color: #000;
        line-height: 1.5
    }

    .list-style .content .duration {
        font-size: 1rem;
        color: #7c7c7c;
        line-height: 1.5;
        text-transform: initial
    }

.list-style .btn-more {
    text-align: center
}

@media screen and (max-width: 767px) {
    .list-style.is-full-list-style .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.875rem
    }

    .list-style.is-full-list-style .image {
        margin-right: 0;
        margin-bottom: .625rem
    }

        .list-style.is-full-list-style .image img {
            width: 100%
        }

    .list-style.is-full-list-style h2 {
        font-size: 1.625rem;
        line-height: 1.31;
        margin-bottom: .625rem
    }

    .list-style.is-full-list-style .duration {
        font-size: 1rem;
        line-height: 1.44
    }
}

@media screen and (min-width: 768px) {
    .list-style {
        padding-top: 4.375rem;
        padding-bottom: 6.25rem
    }

        .list-style .list-inner {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -.9375rem
        }

        .list-style .list-item {
            width: calc(100% / 3 - 30px);
            display: initial;
            margin: 0 .9375rem 3.125rem
        }

            .list-style .list-item .image {
                display: block
            }

        .list-style .image {
            width: auto;
            margin-right: 0;
            margin-bottom: .625rem
        }

            .list-style .image img {
                max-width: 100%;
                width: auto
            }

        .list-style .content {
            display: initial;
            width: auto
        }

            .list-style .content h2 {
                font-size: 1.625rem;
                line-height: 1.31;
                margin-bottom: .625rem
            }

            .list-style .content .desc {
                display: block
            }

            .list-style .content .duration {
                margin-bottom: .625rem
            }

            .list-style .content h3 {
                font-size: 1.25rem;
                line-height: 1.4;
                margin-bottom: 5px
            }

        .list-style .btn-more a {
            min-width: 11rem;
            width: auto
        }
}

@media screen and (min-width: 768px) {
    .ie .list-style .list-item {
        display: block
    }
}

.gengift-page .short-des {
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding: 1.875rem .9375rem;
    text-align: center
}

@media screen and (min-width: 320px) {
    .gengift-page .short-des {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .gengift-page .short-des {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .gengift-page .short-des {
        max-width: 1260px
    }
}

@media screen and (min-width: 768px) {
    .gengift-page .short-des {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.gengift-page .short-des p {
    max-width: 0 auto
}

.gengift-page .gengift-list {
    padding-top: 2.6875rem
}

@media screen and (min-width: 768px) {
    .gengift-page .short-des {
        padding: 1.875rem
    }

        .gengift-page .short-des p {
            margin: 0 auto
        }
}

.request-form .form-1-column {
    text-align: left
}

    .request-form .form-1-column .form-group {
        max-width: 100%;
        margin-left: inherit;
        margin-bottom: 1.25rem
    }

        .request-form .form-1-column .form-group label {
            font-size: 1.125rem
        }

    .request-form .form-1-column .instruction {
        text-align: left;
        margin-bottom: 1.875rem
    }

        .request-form .form-1-column .instruction p {
            margin-bottom: .3125rem;
            font-size: .875rem
        }

.request-form .form-group-inline {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.25rem;
    position: relative
}

    .request-form .form-group-inline .form-group {
        width: calc(100% - 150px);
        margin-bottom: 0
    }

        .request-form .form-group-inline .form-group .form-control {
            height: 2.5rem
        }

    .request-form .form-group-inline .btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 8.125rem;
        min-width: auto
    }

@media screen and (min-width: 768px) {
    .request-form .form-1-column .instruction {
        margin-bottom: 3.125rem
    }
}

.single-surveymonkey {
    margin-bottom: 1.875rem
}

    .single-surveymonkey .smcx-embed {
        border-radius: 3px;
        max-width: none !important;
        border: 1px solid #7c7c7c;
        height: auto
    }

        .single-surveymonkey .smcx-embed > .smcx-iframe-container {
            max-width: none !important;
            height: 25rem
        }

    .single-surveymonkey .surveymonkey-iframe-only {
        border-radius: 3px;
        height: 25rem;
        border: 1px solid #7c7c7c
    }

    .single-surveymonkey iframe {
        width: 100%;
        height: 100%;
        display: block
    }

@media screen and (min-width: 768px) {
    .single-surveymonkey {
        margin-bottom: 2.5rem
    }

        .single-surveymonkey .smcx-embed > .smcx-iframe-container {
            max-width: none !important;
            height: 28.125rem
        }

        .single-surveymonkey .surveymonkey-iframe-only {
            height: 28.125rem
        }
}

.ios .single-surveymonkey .smcx-embed > .smcx-iframe-container {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.ios .single-surveymonkey .surveymonkey-iframe-only {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.ios .single-surveymonkey iframe {
    height: calc(100% + 1px)
}

.sitemap .block {
    margin-bottom: 2.5rem
}

    .sitemap .block:last-child, .sitemap .block *:last-child {
        margin-bottom: 0
    }

    .sitemap .block .block-heading {
        color: #ba2014;
        padding-bottom: .9375rem;
        margin-bottom: .9375rem;
        border-bottom: 1px solid #000;
        font-size: 1.5rem
    }

    .sitemap .block .pages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0
    }

        .sitemap .block .pages li {
            margin-bottom: .625rem
        }

            .sitemap .block .pages li:before {
                display: none
            }

            .sitemap .block .pages li a {
                margin-bottom: .625rem;
                display: inline-block;
                color: #000;
                font-weight: 400;
                text-decoration: none
            }

                .sitemap .block .pages li a:hover {
                    text-decoration: underline
                }

            .sitemap .block .pages li ul {
                margin-bottom: 1.25rem;
                padding-left: 0
            }

                .sitemap .block .pages li ul:last-child {
                    margin-bottom: 0
                }

            .sitemap .block .pages li li {
                margin-bottom: 5px
            }

                .sitemap .block .pages li li a {
                    font-weight: 300;
                    padding-top: 0;
                    margin-bottom: 0
                }

            .sitemap .block .pages li *:last-child, .sitemap .block .pages li:last-child {
                margin-bottom: 0
            }

@media screen and (min-width: 768px) {
    .sitemap .block .pages {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

        .sitemap .block .pages li {
            width: 25%;
            margin-bottom: 0
        }

            .sitemap .block .pages li > a:first-child {
                padding-top: 0
            }

            .sitemap .block .pages li li {
                width: 100%
            }
}

@media screen and (max-width: 768px) {
    .nav-second {
        display: none;
    }

    .hidden {
        display: none !important;
    }

    .header .header-navbar ul.nav-primary#menuMobile ul.nav-second {
        visibility: hidden;
        display: none;
        opacity: 1;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 3.75rem;
        min-width: 12.5rem;
        border: .0625rem solid #d1d1d1;
        width: 100%;
    }

        .header .header-navbar ul.nav-primary#menuMobile ul.nav-second li.nav-second-item ul.nav-third {
            display: none;
            width: 50%;
            top: 30px;
        }

    #menuMobile .nav-third li a span {
        width: 100%;
        text-align: right;
    }
}

#smartbanner {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: fixed;
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 60px;
    background: rgba(124,124,124,0.9);
    z-index: 19998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

html.sb-animation {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#smartbanner .sb-container {
    margin: 0 auto
}

#smartbanner .sb-close {
    border-radius: 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: .9375rem;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.8);
    text-decoration: none;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
    box-shadow: 0 2px 3px rgba(0,0,0,0.4);
    -webkit-font-smoothing: subpixel-antialiased;
    width: 17px;
    height: 17px;
    line-height: 17px
}

    #smartbanner .sb-close:active {
        font-size: .8125rem;
        color: #fff
    }

#smartbanner .sb-icon {
    border-radius: 10px;
    position: absolute;
    left: 30px;
    top: 7px;
    display: block;
    width: 46px;
    height: 46px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 3px rgba(0,0,0,0.3)
}

#smartbanner.no-icon .sb-icon {
    display: none
}

#smartbanner .sb-info {
    position: absolute;
    left: 86px;
    top: 8px;
    width: 44%;
    font-size: .75rem;
    line-height: 1.2;
    color: #fff
}

    #smartbanner .sb-info strong {
        display: block;
        font-size: .875rem;
        line-height: 1.2
    }

    #smartbanner .sb-info > span {
        display: block
    }

    #smartbanner .sb-info em {
        font-style: normal;
        text-transform: uppercase
    }

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px
}

#smartbanner .sb-button {
    border-radius: 3px;
    position: absolute;
    right: 30px;
    top: 13px;
    padding: 0 10px;
    min-width: 10%;
    font-size: 1rem;
    line-height: 2rem;
    height: 2.125rem;
    font-weight: 400;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    text-transform: uppercase;
    text-decoration: none
}

    #smartbanner .sb-button:active, #smartbanner .sb-button:hover {
        color: #ba2014;
        border-color: #ba2014
    }

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255,255,255,0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);
    border-radius: 10px 10px 12px 12px
}

.colGroupHeader {
    text-align: left;
    margin-bottom: 8px;
    font-weight: 400;
    margin-top: 5px;
    font-size: 16px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 3px;
}

.articles .item .content .time-red {
    color: #ba2014;
}

.articles .item .content .time-bold {
    font-weight: 400;
}

a.mail-to {
    color: #337ab7 !important;
    text-decoration: none;
}

    a.mail-to:hover, a.mail-to:focus {
        color: #23527c !important;
        text-decoration: underline;
    }

.personalization .time-bold {
    font-weight: 400;
}

div#ui-datepicker-div {
    width: 290px;
}

select.ui-datepicker-year, select.ui-datepicker-month {
    border: 0;
    background: transparent;
}

.seteteDrashbroad, .seteteDrashbroad option {
    width: 20%;
    font-size: 15px;
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0;
    color: #3d3f56;
    float: right;
}

div.img-banner-center {
    width: 80%;
    margin: auto;
    height: auto;
    text-align: center;
}

    div.img-banner-center > img, div.img-banner-center > div > img {
        width: 100%;
    }

div.image picture > img {
    width: 100%;
    height: 100%;
}

tr.selected, tr.selected .sorting_1 {
    background-color: #D59A99 !important;
    color: #FFF;
}

.visited {
    background-color: #fff !important;
}

.DTFC_LeftBodyLiner {
    overflow: hidden;
}

.DTFC_ScrollWrapper {
    margin-bottom: 12px
}

.header-logo {
    max-height: 36px;
    width: auto
}

#ssb-container {
    position: fixed;
    top: 30%;
    z-index: 99 !important;
}

    #ssb-container ul {
        padding: 0;
        margin: 0;
    }

        #ssb-container ul li img {
            height: 50px;
            width: 50px;
            margin-top: 5px;
            border-radius: 50%;
        }

#BtnScrollTop {
    height: 30px;
    width: 30px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

    #BtnScrollTop:hover {
        background-color: #555;
    }

    #BtnScrollTop.show {
        display: block !important;
    }


.flex-grow-item {
    flex-grow: 2 !important;
    width: 300px !important;
    max-width: 300px;
}

.btn-dashboard {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-top: 55px
}


.container-article {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

h2.section-title {
    font-size: 36px;
    margin: 20px auto;
}

h3 .top {
    font-size: 70%;
    height: 70%;
    margin: 0 auto;
}

h3 .bottom {
    font-size: 70%;
    width: 70%;
    margin: 0 auto;
}

.clip {
    overflow: hidden;
    bottom: 0;
}

#personalization-list .center .slick-slide {
    height: auto;
    margin: 0 25px;
    opacity: 0.5;
}

    #personalization-list .center .slick-slide.slick-active {
        opacity: 1;
    }

#personalization-list .center .slick-center h3 {
    color: #e67e22;
    opacity: 1;
}

    #personalization-list .center .slick-center h3 .top {
        font-size: 90%;
        width: 90%;
    }

    #personalization-list .center .slick-center h3 .bottom {
        font-size: 90%;
        width: 90%;
    }

#personalization-list .center h3 {
    opacity: 0.8;
    bottom: 0;
}

#personalization-list .category-item {
    font-size: 0.825rem;
    color: #000;
    text-transform: uppercase;
    margin: 0 .625rem .3125rem 0;
    padding: .0625rem 1.1875rem;
    background-color: rgba(255,255,255,0.7);
    display: inline-block;
    border-radius: 3px;
    white-space: nowrap;
}

    #personalization-list .category-item:hover {
        background-color: #fff;
        text-decoration: none;
    }

#personalization-list .slick-dots li.slick-active button {
    background-color: #000;
    opacity: 1;
}

#personalization-list .slick-dots li button {
    border: 1px solid #000;
    border-radius: 50%;
    background: transparent;
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 4px;
    cursor: pointer;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.red-text {
    color: #ba2014;
}

/*.summnary {
    color: #666;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    font-size: 17px;
}*/

.gen-otp {
    align-items: center;
    padding-top: 32px
}

.gen-otp__number {
    width: 50px;
    height: 55px;
    border: 2px solid #d8d8d8;
    border-radius: 10px;
    text-align: center
}

.gen-otp__number {
    margin-right: 15px
}