/* *,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
} */

*,
.col-xs,
.row,
.wrapper {
    box-sizing: border-box
}

.fr-separator,
.va-t {
    vertical-align: top
}

.b-bottom,
.separator-horizontal--bottom {
    border-bottom: 1px solid currentColor
}

.pointer,
.ui-button:hover,
a {
    cursor: pointer
}

.c-hamburger,
.fake_nick,
.select {
    -webkit-appearance: none
}

.article-a--img img,
.article-b--img img,
.article-c--img img,
.article-d--img img {
    object-fit: cover;
    object-position: center center
}

.mm-open,
.slick-slider {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.fr-view,
.fr-view pre {
    word-wrap: break-word
}

.fr-box.fr-rtl textarea.fr-code,
.fr-popup.fr-rtl {
    direction: rtl
}

.text-black {
    color: #000
}

.bg-black {
    background-color: #000
}

.text-white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.text-bg {
    color: #f8f8f8
}

.bg-bg {
    background-color: #f8f8f8
}

.text-beige {
    color: #f3f2f1
}

.bg-beige {
    background-color: #f3f2f1
}

.text-alto {
    color: #f3f0ed
}

.bg-alto {
    background-color: #f3f0ed
}

.text-wood {
    color: #dcdcdc
}

.bg-wood {
    background-color: #dcdcdc
}

.text-stone {
    color: #5e5e5e
}

.bg-stone {
    background-color: #5e5e5e
}

.text-silver {
    color: #a7a7a7
}

.bg-silver {
    background-color: #a7a7a7
}

.text-antracite {
    color: #282828
}

.bg-antracite {
    background-color: #282828
}

.text-merlot {
    color: #e20714
}

.bg-merlot {
    background-color: #e20714
}

.text-blue {
    color: #2994c5
}

.bg-blue {
    background-color: #2994c5
}

.text-chambray {
    color: #37528c
}

.bg-chambray {
    background-color: #37528c
}

.text-green {
    color: #84be2f
}

.link,
.text-current {
    color: currentColor
}

.bg-green {
    background-color: #84be2f
}

* {
    padding: 0
}

a {
    transition: all .2s linear
}

a:hover {
    text-decoration: underline
}

.link,
.no-underline {
    text-decoration: none
}

img.lazyload:not([src]) {
    visibility: hidden
}

html[lang=cnr-cyrl-ME] * {
    -webkit-locale: 'sr'
}

.rubik {
    font-family: Rubik, sans-serif
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-700 {
    font-weight: 700
}

.title--heading {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 1.3rem;
    line-height: 34px
}

@media (min-width:62em) {
    .title--heading {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 49.4px;
        line-height: 1.3rem;
        line-height: 46px
    }
}

@media (min-width:75em) {
    .title--heading {
        font-size: 48px;
        font-size: 3rem;
        line-height: 62.4px;
        line-height: 1.3rem;
        line-height: 62px
    }
}

.title--primary {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 33.8px;
    line-height: 1.3rem;
    line-height: 32px
}

@media (min-width:420px) {
    .title--primary {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 39px;
        line-height: 1.3rem;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .title--primary {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 1.3rem;
        line-height: 50px
    }
}

.title--regular {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.3rem;
    line-height: 28px
}

@media (min-width:420px) {
    .title--regular {
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 35.1px;
        line-height: 1.3rem;
        line-height: 36px
    }
}

@media (min-width:768px) {
    .title--regular {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 39px;
        line-height: 1.3rem;
        line-height: 38px
    }
}

.copy--xsmall {
    font-size: 12px;
    font-size: .75rem;
    line-height: 15.6px;
    line-height: 1.3rem;
    line-height: 16px
}

.copy--small {
    line-height: 18.2px;
    line-height: 1.3rem;
    line-height: 20px
}

.copy--regular {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20.8px;
    line-height: 1.3rem;
    line-height: 30px
}

.copy--big {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.3rem;
    line-height: 26px
}

.link:focus {
    outline: 0
}

.link--regular:hover {
    transform: color linear .25s;
    color: #000
}

.link--bold:hover {
    transform: color linear .25s;
    color: currentColor;
    font-weight: 700
}

.title-line {
    margin-top: 24px;
    width: 100px;
    height: 4px;
    position: relative;
    display: block;
    bottom: 5px;
    left: 50%;
    margin-left: -50px
}

.title-line-left {
    left: 0;
    margin-left: 0
}

@media (min-width:46rem) {
    .title-line-left {
        left: 50%;
        margin-left: -50px
    }
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.article-slider--navigation-item,
.article-slider-cat__xs,
.c__date-picker .uib-title,
.fr-view .fr-text-uppercase,
.smartbanner-button,
.ui-footer__link {
    text-transform: uppercase
}

.wrapper {
    max-width: 81rem;
    margin: 0 auto
}

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

.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:360px) {
    .row {
        width: 100%
    }
}

.col-xs {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-1,
.col-xs-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

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

.col-xs-2 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%
}

.col-xs-3,
.col-xs-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-3 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 18.75%;
    -moz-flex-basis: 18.75%;
    -ms-flex-preferred-size: 18.75%;
    flex-basis: 18.75%;
    max-width: 18.75%
}

.col-xs-4 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-5,
.col-xs-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-5 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 31.25%;
    -moz-flex-basis: 31.25%;
    -ms-flex-preferred-size: 31.25%;
    flex-basis: 31.25%;
    max-width: 31.25%
}

.col-xs-6 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%
}

.col-xs-7,
.col-xs-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-7 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 43.75%;
    -moz-flex-basis: 43.75%;
    -ms-flex-preferred-size: 43.75%;
    flex-basis: 43.75%;
    max-width: 43.75%
}

.col-xs-8 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-10,
.col-xs-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-9 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 56.25%;
    -moz-flex-basis: 56.25%;
    -ms-flex-preferred-size: 56.25%;
    flex-basis: 56.25%;
    max-width: 56.25%
}

.col-xs-10 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%
}

.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-11 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 68.75%;
    -moz-flex-basis: 68.75%;
    -ms-flex-preferred-size: 68.75%;
    flex-basis: 68.75%;
    max-width: 68.75%
}

.col-xs-12 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-13,
.col-xs-14 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-13 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 81.25%;
    -moz-flex-basis: 81.25%;
    -ms-flex-preferred-size: 81.25%;
    flex-basis: 81.25%;
    max-width: 81.25%
}

.col-xs-14 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%
}

.col-xs-15,
.col-xs-16 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 93.75%;
    -moz-flex-basis: 93.75%;
    -ms-flex-preferred-size: 93.75%;
    flex-basis: 93.75%;
    max-width: 93.75%
}

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

.col-xs-offset-0,
.col-xs-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0
}

@media (min-width:23.4375rem) {
    .row {
        margin-right: -10px;
        margin-left: -10px
    }

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:46rem) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:61rem) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:71rem) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:81rem) {
    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.col-xs-offset-0 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0
}

.col-xs-offset-1 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 6.25%
}

.col-xs-offset-2,
.col-xs-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-offset-2 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12.5%
}

.col-xs-offset-3 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 18.75%
}

.col-xs-offset-4,
.col-xs-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0
}

.col-xs-offset-4 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 25%
}

.col-xs-offset-5 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 31.25%
}

.col-xs-offset-6,
.col-xs-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-offset-6 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 37.5%
}

.col-xs-offset-7 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 43.75%
}

.col-xs-offset-8,
.col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0
}

.col-xs-offset-8 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 50%
}

.col-xs-offset-9 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 56.25%
}

.col-xs-offset-10,
.col-xs-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-offset-10 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 62.5%
}

.col-xs-offset-11 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 68.75%
}

.col-xs-offset-12,
.col-xs-offset-13 {
    box-sizing: border-box;
    -webkit-box-flex: 0
}

.col-xs-offset-12 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 75%
}

.col-xs-offset-13 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 81.25%
}

.col-xs-offset-14,
.col-xs-offset-15 {
    -webkit-box-flex: 0;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

.col-xs-offset-14 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 87.5%
}

.col-xs-offset-15 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 93.75%
}

.col-xs-offset-16 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 100%
}

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

@media only screen and (min-width:23rem) and (min-width:23.4375rem) {

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:23rem) and (min-width:46rem) {

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:23rem) and (min-width:61rem) {

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:23rem) and (min-width:71rem) {

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:23rem) and (min-width:81rem) {

    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-13,
    .col-xs-14,
    .col-xs-15,
    .col-xs-16,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:23rem) {
    .container {
        width: 23rem;
        margin: 0 auto
    }

    .col-xs {
        box-sizing: border-box;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xs-offset-0 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .col-xs-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }

    .col-xs-offset-2 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }

    .col-xs-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 18.75%
    }

    .col-xs-offset-4 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 25%
    }

    .col-xs-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 31.25%
    }

    .col-xs-offset-6 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 37.5%
    }

    .col-xs-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 43.75%
    }

    .col-xs-offset-8 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 50%
    }

    .col-xs-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 56.25%
    }

    .col-xs-offset-10 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 62.5%
    }

    .col-xs-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 68.75%
    }

    .col-xs-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 75%
    }

    .col-xs-offset-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 81.25%
    }

    .col-xs-offset-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 87.5%
    }

    .col-xs-offset-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 93.75%
    }

    .col-xs-offset-16 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 100%
    }

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

@media only screen and (min-width:46rem) and (min-width:23.4375rem) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .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-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12,
    .col-sm-offset-13,
    .col-sm-offset-14,
    .col-sm-offset-15,
    .col-sm-offset-16,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:46rem) and (min-width:46rem) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .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-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12,
    .col-sm-offset-13,
    .col-sm-offset-14,
    .col-sm-offset-15,
    .col-sm-offset-16,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:46rem) and (min-width:61rem) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .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-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12,
    .col-sm-offset-13,
    .col-sm-offset-14,
    .col-sm-offset-15,
    .col-sm-offset-16,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:46rem) and (min-width:71rem) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .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-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12,
    .col-sm-offset-13,
    .col-sm-offset-14,
    .col-sm-offset-15,
    .col-sm-offset-16,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:46rem) and (min-width:81rem) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .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-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12,
    .col-sm-offset-13,
    .col-sm-offset-14,
    .col-sm-offset-15,
    .col-sm-offset-16,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:46rem) {
    .container {
        width: 46rem;
        margin: 0 auto
    }

    .col-sm {
        box-sizing: border-box;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px
    }

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

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

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

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

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

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

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

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

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

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

    .col-sm-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 68.75%;
        -moz-flex-basis: 68.75%;
        -ms-flex-preferred-size: 68.75%;
        flex-basis: 68.75%;
        max-width: 68.75%
    }

    .col-sm-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 81.25%;
        -moz-flex-basis: 81.25%;
        -ms-flex-preferred-size: 81.25%;
        flex-basis: 81.25%;
        max-width: 81.25%
    }

    .col-sm-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 87.5%;
        -moz-flex-basis: 87.5%;
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .col-sm-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 93.75%;
        -moz-flex-basis: 93.75%;
        -ms-flex-preferred-size: 93.75%;
        flex-basis: 93.75%;
        max-width: 93.75%
    }

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

    .col-sm-offset-0 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .col-sm-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }

    .col-sm-offset-2 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }

    .col-sm-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 18.75%
    }

    .col-sm-offset-4 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 25%
    }

    .col-sm-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 31.25%
    }

    .col-sm-offset-6 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 37.5%
    }

    .col-sm-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 43.75%
    }

    .col-sm-offset-8 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 50%
    }

    .col-sm-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 56.25%
    }

    .col-sm-offset-10 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 62.5%
    }

    .col-sm-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 68.75%
    }

    .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 75%
    }

    .col-sm-offset-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 81.25%
    }

    .col-sm-offset-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 87.5%
    }

    .col-sm-offset-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 93.75%
    }

    .col-sm-offset-16 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 100%
    }

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

@media only screen and (min-width:61rem) and (min-width:23.4375rem) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .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-offset-0,
    .col-md-offset-1,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12,
    .col-md-offset-13,
    .col-md-offset-14,
    .col-md-offset-15,
    .col-md-offset-16,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:61rem) and (min-width:46rem) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .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-offset-0,
    .col-md-offset-1,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12,
    .col-md-offset-13,
    .col-md-offset-14,
    .col-md-offset-15,
    .col-md-offset-16,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:61rem) and (min-width:61rem) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .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-offset-0,
    .col-md-offset-1,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12,
    .col-md-offset-13,
    .col-md-offset-14,
    .col-md-offset-15,
    .col-md-offset-16,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:61rem) and (min-width:71rem) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .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-offset-0,
    .col-md-offset-1,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12,
    .col-md-offset-13,
    .col-md-offset-14,
    .col-md-offset-15,
    .col-md-offset-16,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:61rem) and (min-width:81rem) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .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-offset-0,
    .col-md-offset-1,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12,
    .col-md-offset-13,
    .col-md-offset-14,
    .col-md-offset-15,
    .col-md-offset-16,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:61rem) {
    .container {
        width: 61rem;
        margin: 0 auto
    }

    .col-md {
        box-sizing: border-box;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px
    }

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

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

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

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

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

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

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

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

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

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

    .col-md-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 68.75%;
        -moz-flex-basis: 68.75%;
        -ms-flex-preferred-size: 68.75%;
        flex-basis: 68.75%;
        max-width: 68.75%
    }

    .col-md-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 81.25%;
        -moz-flex-basis: 81.25%;
        -ms-flex-preferred-size: 81.25%;
        flex-basis: 81.25%;
        max-width: 81.25%
    }

    .col-md-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 87.5%;
        -moz-flex-basis: 87.5%;
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .col-md-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 93.75%;
        -moz-flex-basis: 93.75%;
        -ms-flex-preferred-size: 93.75%;
        flex-basis: 93.75%;
        max-width: 93.75%
    }

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

    .col-md-offset-0 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .col-md-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }

    .col-md-offset-2 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }

    .col-md-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 18.75%
    }

    .col-md-offset-4 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 25%
    }

    .col-md-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 31.25%
    }

    .col-md-offset-6 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 37.5%
    }

    .col-md-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 43.75%
    }

    .col-md-offset-8 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 50%
    }

    .col-md-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 56.25%
    }

    .col-md-offset-10 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 62.5%
    }

    .col-md-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 68.75%
    }

    .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 75%
    }

    .col-md-offset-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 81.25%
    }

    .col-md-offset-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 87.5%
    }

    .col-md-offset-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 93.75%
    }

    .col-md-offset-16 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 100%
    }

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

@media only screen and (min-width:71rem) and (min-width:23.4375rem) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .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-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12,
    .col-lg-offset-13,
    .col-lg-offset-14,
    .col-lg-offset-15,
    .col-lg-offset-16,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:71rem) and (min-width:46rem) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .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-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12,
    .col-lg-offset-13,
    .col-lg-offset-14,
    .col-lg-offset-15,
    .col-lg-offset-16,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:71rem) and (min-width:61rem) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .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-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12,
    .col-lg-offset-13,
    .col-lg-offset-14,
    .col-lg-offset-15,
    .col-lg-offset-16,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:71rem) and (min-width:71rem) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .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-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12,
    .col-lg-offset-13,
    .col-lg-offset-14,
    .col-lg-offset-15,
    .col-lg-offset-16,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:71rem) and (min-width:81rem) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .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-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12,
    .col-lg-offset-13,
    .col-lg-offset-14,
    .col-lg-offset-15,
    .col-lg-offset-16,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:71rem) {
    .container {
        width: 71rem;
        margin: 0 auto
    }

    .col-lg {
        box-sizing: border-box;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px
    }

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

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

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

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

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

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

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

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

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

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

    .col-lg-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 68.75%;
        -moz-flex-basis: 68.75%;
        -ms-flex-preferred-size: 68.75%;
        flex-basis: 68.75%;
        max-width: 68.75%
    }

    .col-lg-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 81.25%;
        -moz-flex-basis: 81.25%;
        -ms-flex-preferred-size: 81.25%;
        flex-basis: 81.25%;
        max-width: 81.25%
    }

    .col-lg-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 87.5%;
        -moz-flex-basis: 87.5%;
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .col-lg-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 93.75%;
        -moz-flex-basis: 93.75%;
        -ms-flex-preferred-size: 93.75%;
        flex-basis: 93.75%;
        max-width: 93.75%
    }

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

    .col-lg-offset-0 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .col-lg-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }

    .col-lg-offset-2 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }

    .col-lg-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 18.75%
    }

    .col-lg-offset-4 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 25%
    }

    .col-lg-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 31.25%
    }

    .col-lg-offset-6 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 37.5%
    }

    .col-lg-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 43.75%
    }

    .col-lg-offset-8 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 50%
    }

    .col-lg-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 56.25%
    }

    .col-lg-offset-10 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 62.5%
    }

    .col-lg-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 68.75%
    }

    .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 75%
    }

    .col-lg-offset-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 81.25%
    }

    .col-lg-offset-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 87.5%
    }

    .col-lg-offset-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 93.75%
    }

    .col-lg-offset-16 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 100%
    }

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

@media only screen and (min-width:81rem) and (min-width:23.4375rem) {

    .col-xlg,
    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-13,
    .col-xlg-14,
    .col-xlg-15,
    .col-xlg-16,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-offset-0,
    .col-xlg-offset-1,
    .col-xlg-offset-10,
    .col-xlg-offset-11,
    .col-xlg-offset-12,
    .col-xlg-offset-13,
    .col-xlg-offset-14,
    .col-xlg-offset-15,
    .col-xlg-offset-16,
    .col-xlg-offset-2,
    .col-xlg-offset-3,
    .col-xlg-offset-4,
    .col-xlg-offset-5,
    .col-xlg-offset-6,
    .col-xlg-offset-7,
    .col-xlg-offset-8,
    .col-xlg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:81rem) and (min-width:46rem) {

    .col-xlg,
    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-13,
    .col-xlg-14,
    .col-xlg-15,
    .col-xlg-16,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-offset-0,
    .col-xlg-offset-1,
    .col-xlg-offset-10,
    .col-xlg-offset-11,
    .col-xlg-offset-12,
    .col-xlg-offset-13,
    .col-xlg-offset-14,
    .col-xlg-offset-15,
    .col-xlg-offset-16,
    .col-xlg-offset-2,
    .col-xlg-offset-3,
    .col-xlg-offset-4,
    .col-xlg-offset-5,
    .col-xlg-offset-6,
    .col-xlg-offset-7,
    .col-xlg-offset-8,
    .col-xlg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:81rem) and (min-width:61rem) {

    .col-xlg,
    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-13,
    .col-xlg-14,
    .col-xlg-15,
    .col-xlg-16,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-offset-0,
    .col-xlg-offset-1,
    .col-xlg-offset-10,
    .col-xlg-offset-11,
    .col-xlg-offset-12,
    .col-xlg-offset-13,
    .col-xlg-offset-14,
    .col-xlg-offset-15,
    .col-xlg-offset-16,
    .col-xlg-offset-2,
    .col-xlg-offset-3,
    .col-xlg-offset-4,
    .col-xlg-offset-5,
    .col-xlg-offset-6,
    .col-xlg-offset-7,
    .col-xlg-offset-8,
    .col-xlg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:81rem) and (min-width:71rem) {

    .col-xlg,
    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-13,
    .col-xlg-14,
    .col-xlg-15,
    .col-xlg-16,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-offset-0,
    .col-xlg-offset-1,
    .col-xlg-offset-10,
    .col-xlg-offset-11,
    .col-xlg-offset-12,
    .col-xlg-offset-13,
    .col-xlg-offset-14,
    .col-xlg-offset-15,
    .col-xlg-offset-16,
    .col-xlg-offset-2,
    .col-xlg-offset-3,
    .col-xlg-offset-4,
    .col-xlg-offset-5,
    .col-xlg-offset-6,
    .col-xlg-offset-7,
    .col-xlg-offset-8,
    .col-xlg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:81rem) and (min-width:81rem) {

    .col-xlg,
    .col-xlg-1,
    .col-xlg-10,
    .col-xlg-11,
    .col-xlg-12,
    .col-xlg-13,
    .col-xlg-14,
    .col-xlg-15,
    .col-xlg-16,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-offset-0,
    .col-xlg-offset-1,
    .col-xlg-offset-10,
    .col-xlg-offset-11,
    .col-xlg-offset-12,
    .col-xlg-offset-13,
    .col-xlg-offset-14,
    .col-xlg-offset-15,
    .col-xlg-offset-16,
    .col-xlg-offset-2,
    .col-xlg-offset-3,
    .col-xlg-offset-4,
    .col-xlg-offset-5,
    .col-xlg-offset-6,
    .col-xlg-offset-7,
    .col-xlg-offset-8,
    .col-xlg-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:81rem) {
    .container {
        width: 100%;
        margin: 0 auto
    }

    .col-xlg {
        box-sizing: border-box;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px
    }

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

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

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

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

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

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

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

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

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

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

    .col-xlg-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 68.75%;
        -moz-flex-basis: 68.75%;
        -ms-flex-preferred-size: 68.75%;
        flex-basis: 68.75%;
        max-width: 68.75%
    }

    .col-xlg-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-xlg-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 81.25%;
        -moz-flex-basis: 81.25%;
        -ms-flex-preferred-size: 81.25%;
        flex-basis: 81.25%;
        max-width: 81.25%
    }

    .col-xlg-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 87.5%;
        -moz-flex-basis: 87.5%;
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .col-xlg-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 93.75%;
        -moz-flex-basis: 93.75%;
        -ms-flex-preferred-size: 93.75%;
        flex-basis: 93.75%;
        max-width: 93.75%
    }

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

    .col-xlg-offset-0 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .col-xlg-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }

    .col-xlg-offset-2 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }

    .col-xlg-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 18.75%
    }

    .col-xlg-offset-4 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 25%
    }

    .col-xlg-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 31.25%
    }

    .col-xlg-offset-6 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 37.5%
    }

    .col-xlg-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 43.75%
    }

    .col-xlg-offset-8 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 50%
    }

    .col-xlg-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 56.25%
    }

    .col-xlg-offset-10 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 62.5%
    }

    .col-xlg-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 68.75%
    }

    .col-xlg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 75%
    }

    .col-xlg-offset-13 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 81.25%
    }

    .col-xlg-offset-14 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 87.5%
    }

    .col-xlg-offset-15 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 93.75%
    }

    .col-xlg-offset-16 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 100%
    }

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

.container {
    width: 90%;
    max-width: 90%;
    margin: 0 auto
}

@media (min-width:23.4375rem) {

    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        width: 23rem;
        max-width: 23rem;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:46rem) {

    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        width: 46rem;
        max-width: 46rem;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:61rem) {

    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        width: 61rem;
        max-width: 61rem;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:71rem) {

    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        width: 71rem;
        max-width: 71rem;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:81rem) {

    .col-xs-offset-1,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    .col-xs-offset-13,
    .col-xs-offset-14,
    .col-xs-offset-15,
    .col-xs-offset-16,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        width: 100%;
        max-width: 1000px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.container-mobile {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.fl-column {
    flex-direction: column
}

.fl-row {
    flex-direction: row
}

@media (min-width:46rem) {
    .container-mobile {
        width: 46rem;
        max-width: 46rem;
        padding-right: 10px;
        padding-left: 10px
    }

    .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: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .fl-sm-column {
        flex-direction: column
    }

    .fl-sm-row {
        flex-direction: row
    }
}

@media (min-width:61rem) {
    .container-mobile {
        width: 61rem;
        max-width: 61rem;
        padding-right: 10px;
        padding-left: 10px
    }

    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .fl-md-column {
        flex-direction: column
    }

    .fl-md-row {
        flex-direction: row
    }
}

@media (min-width:71rem) {
    .container-mobile {
        width: 71rem;
        max-width: 71rem;
        padding-right: 10px;
        padding-left: 10px
    }

    .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: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .fl-lg-column {
        flex-direction: column
    }

    .fl-lg-row {
        flex-direction: row
    }
}

@media (min-width:81rem) {
    .container-mobile {
        width: 81rem;
        max-width: 81rem;
        padding-right: 10px;
        padding-left: 10px
    }

    .d-xlg-none {
        display: none !important
    }

    .d-xlg-inline {
        display: inline !important
    }

    .d-xlg-inline-block {
        display: inline-block !important
    }

    .d-xlg-block {
        display: block !important
    }

    .d-xlg-table {
        display: table !important
    }

    .d-xlg-table-row {
        display: table-row !important
    }

    .d-xlg-table-cell {
        display: table-cell !important
    }

    .d-xlg-flex {
        display: flex !important
    }

    .d-xlg-inline-flex {
        display: inline-flex !important
    }

    .fl-xlg-column {
        flex-direction: column
    }

    .fl-xlg-row {
        flex-direction: row
    }
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.fl-none,
.ui-menu {
    float: none
}

.d-grid {
    display: grid
}

.p-abs {
    position: absolute
}

.p-rel {
    position: relative
}

.p-fix {
    position: fixed
}

.p-sta {
    position: static
}

.p-sti {
    position: sticky
}

.w-full {
    width: 100%
}

.w-half {
    width: 50%
}

.w-100 {
    width: 100vw
}

.h-full {
    height: 100%
}

.h-half {
    height: 50%
}

.h-100 {
    height: 100vh
}

.bg-center {
    background-position: center center
}

.bg-center-top {
    background-position: center top
}

.bg-center-bottom {
    background-position: center bottom
}

.bg-repeat {
    background-repeat: repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-norepeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.m-xs {
    margin: 8px
}

.mt-xs {
    margin-top: 8px
}

.mr-xs {
    margin-right: 8px
}

.mb-xs {
    margin-bottom: 8px
}

.ml-xs {
    margin-left: 8px
}

.p-xs {
    padding: 8px
}

.pt-xs {
    padding-top: 8px
}

.pr-xs {
    padding-right: 8px
}

.pb-xs {
    padding-bottom: 8px
}

.pl-xs {
    padding-left: 8px
}

.m-sm {
    margin: 16px
}

.mt-sm {
    margin-top: 16px
}

.mr-sm {
    margin-right: 16px
}

.mb-sm {
    margin-bottom: 16px
}

.ml-sm {
    margin-left: 16px
}

.p-sm {
    padding: 16px
}

.pt-sm {
    padding-top: 16px
}

.pr-sm {
    padding-right: 16px
}

.pb-sm {
    padding-bottom: 16px
}

.pl-sm {
    padding-left: 16px
}

.m-md {
    margin: 24px
}

.mt-md {
    margin-top: 24px
}

.mr-md {
    margin-right: 24px
}

.mb-md {
    margin-bottom: 24px
}

.ml-md {
    margin-left: 24px
}

.p-md {
    padding: 24px
}

.pt-md {
    padding-top: 24px
}

.pr-md {
    padding-right: 24px
}

.pb-md {
    padding-bottom: 24px
}

.pl-md {
    padding-left: 24px
}

.m-lg {
    margin: 32px
}

.mt-lg {
    margin-top: 32px
}

.mr-lg {
    margin-right: 32px
}

.mb-lg {
    margin-bottom: 32px
}

.ml-lg {
    margin-left: 32px
}

.p-lg {
    padding: 32px
}

.pt-lg {
    padding-top: 32px
}

.pr-lg {
    padding-right: 32px
}

.pb-lg {
    padding-bottom: 32px
}

.pl-lg {
    padding-left: 32px
}

.m-5 {
    margin: 40px
}

.mt-5 {
    margin-top: 40px
}

.mr-5 {
    margin-right: 40px
}

.mb-5 {
    margin-bottom: 40px
}

.ml-5 {
    margin-left: 40px
}

.p-5 {
    padding: 40px
}

.pt-5 {
    padding-top: 40px
}

.pr-5 {
    padding-right: 40px
}

.pb-5 {
    padding-bottom: 40px
}

.pl-5 {
    padding-left: 40px
}

.m-6 {
    margin: 48px
}

.mt-6 {
    margin-top: 48px
}

.mr-6 {
    margin-right: 48px
}

.mb-6 {
    margin-bottom: 48px
}

.ml-6 {
    margin-left: 48px
}

.p-6 {
    padding: 48px
}

.pt-6 {
    padding-top: 48px
}

.pr-6 {
    padding-right: 48px
}

.pb-6 {
    padding-bottom: 48px
}

.pl-6 {
    padding-left: 48px
}

.m-7 {
    margin: 56px
}

.mt-7 {
    margin-top: 56px
}

.mr-7 {
    margin-right: 56px
}

.mb-7 {
    margin-bottom: 56px
}

.ml-7 {
    margin-left: 56px
}

.p-7 {
    padding: 56px
}

.pt-7 {
    padding-top: 56px
}

.pr-7 {
    padding-right: 56px
}

.pb-7 {
    padding-bottom: 56px
}

.pl-7 {
    padding-left: 56px
}

.m-8 {
    margin: 64px
}

.mt-8 {
    margin-top: 64px
}

.mr-8 {
    margin-right: 64px
}

.mb-8 {
    margin-bottom: 64px
}

.ml-8 {
    margin-left: 64px
}

.p-8 {
    padding: 64px
}

.pt-8 {
    padding-top: 64px
}

.pr-8 {
    padding-right: 64px
}

.pb-8 {
    padding-bottom: 64px
}

.pl-8 {
    padding-left: 64px
}

.m-9 {
    margin: 72px
}

.mt-9 {
    margin-top: 72px
}

.mr-9 {
    margin-right: 72px
}

.mb-9 {
    margin-bottom: 72px
}

.ml-9 {
    margin-left: 72px
}

.p-9 {
    padding: 72px
}

.pt-9 {
    padding-top: 72px
}

.pr-9 {
    padding-right: 72px
}

.pb-9 {
    padding-bottom: 72px
}

.pl-9 {
    padding-left: 72px
}

.m-10 {
    margin: 80px
}

.mt-10 {
    margin-top: 80px
}

.mr-10 {
    margin-right: 80px
}

.mb-10 {
    margin-bottom: 80px
}

.ml-10 {
    margin-left: 80px
}

.p-10 {
    padding: 80px
}

.pt-10 {
    padding-top: 80px
}

.pr-10 {
    padding-right: 80px
}

.pb-10 {
    padding-bottom: 80px
}

.pl-10 {
    padding-left: 80px
}

.m-none {
    margin: 0
}

.mt-none {
    margin-top: 0
}

.mr-none {
    margin-right: 0
}

.mb-none {
    margin-bottom: 0
}

.ml-none {
    margin-left: 0
}

.p-none {
    padding: 0
}

.pt-none {
    padding-top: 0
}

.pr-none {
    padding-right: 0
}

.pb-none {
    padding-bottom: 0
}

.pl-none {
    padding-left: 0
}

.m-auto {
    margin: auto
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto {
    margin-left: auto
}

.va-m {
    vertical-align: middle
}

.va-b {
    vertical-align: bottom
}

.z--50 {
    z-index: -50
}

.z--40 {
    z-index: -40
}

.z--30 {
    z-index: -30
}

.z--20 {
    z-index: -20
}

.z--10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-100 {
    z-index: 100
}

.z-1000 {
    z-index: 1000
}

.t-left {
    text-align: left
}

.t-right {
    text-align: right
}

.t-center,
.ui-button {
    text-align: center
}

.rot-n {
    transform: rotate(0)
}

.rot-ne {
    transform: rotate(45deg)
}

.rot-e {
    transform: rotate(90deg)
}

.rot-se {
    transform: rotate(135deg)
}

.rot-s {
    transform: rotate(180deg)
}

.rot-sw {
    transform: rotate(225deg)
}

.rot-w {
    transform: rotate(270deg)
}

.rot-nw {
    transform: rotate(315deg)
}

.svg-icon__xs svg {
    width: 8px;
    height: 8px
}

.svg-icon__xs ng-include {
    width: 8px;
    height: 8px;
    display: block
}

.svg-icon__sm svg {
    width: 16px;
    height: 16px
}

.svg-icon__sm ng-include {
    width: 16px;
    height: 16px;
    display: block
}

.svg-icon__md svg {
    width: 24px;
    height: 24px
}

.svg-icon__md ng-include {
    width: 24px;
    height: 24px;
    display: block
}

.svg-icon__lg svg {
    width: 32px;
    height: 32px
}

.svg-icon__lg ng-include {
    width: 32px;
    height: 32px;
    display: block
}

@media (min-width:23.4375rem) {
    .show-xs {
        display: block
    }
}

@media (min-width:46rem) {
    .show-sm {
        display: block
    }
}

@media (min-width:61rem) {
    .show-md {
        display: block
    }
}

@media (min-width:71rem) {
    .show-lg {
        display: block
    }

    .hide-lg {
        display: none
    }
}

@media (min-width:23.4375rem) {
    .hide-xs {
        display: none
    }
}

@media (min-width:46rem) {
    .hide-sm {
        display: none
    }
}

@media (min-width:61rem) {
    .hide-md {
        display: none
    }
}

.j-flex-start {
    justify-content: flex-start
}

.j-flex-end {
    justify-content: flex-end
}

.j-center {
    justify-content: center
}

.j-space-between {
    justify-content: space-between
}

.j-space-around {
    justify-content: space-around
}

.j-initial {
    justify-content: initial
}

.j-inherit {
    justify-content: inherit
}

.a-stretch {
    align-items: stretch
}

.a-center {
    align-items: center
}

.a-flex-start {
    align-items: flex-start
}

.a-flex-end {
    align-items: flex-end
}

.a-baseline {
    align-items: baseline
}

.a-initial {
    align-items: initial
}

.a-inherit {
    align-items: inherit
}

.f-dir-row {
    flex-direction: row
}

.f-dir-row-reverse {
    flex-direction: row-reverse
}

.f-dir-column {
    flex-direction: column
}

.f-dir-column-reverse {
    flex-direction: column-reverse
}

.f-dir-initial {
    flex-direction: initial
}

.f-dir-inherit {
    flex-direction: inherit
}

.f-wrap-wrap {
    flex-wrap: wrap
}

.f-wrap-nowrap {
    flex-wrap: nowrap
}

.f-wrap-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.b-top {
    border-top: 1px solid currentColor
}

.b-right {
    border-right: 1px solid currentColor
}

.b-left {
    border-left: 1px solid currentColor
}

.round {
    border-radius: 50%
}

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

.body-backdrop,
.body-desktop-backdrop {
    background-color: rgba(0, 0, 0, .5);
    width: 100vw;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0
}

.fill-currentcolor {
    fill: currentColor;
    stroke: currentColor
}

.fb-100 {
    flex-basis: 100px;
    flex-grow: 1
}

.body-backdrop {
    top: -48px;
    height: calc(100vh + 48px);
    z-index: 210
}

@media (min-width:768px) {
    .body-backdrop {
        height: calc(100vh + 64px);
        top: -64px
    }
}

@media (min-width:1024px) {
    .body-backdrop {
        display: none
    }
}

.body-desktop-backdrop {
    top: 150px;
    height: calc(100vh + 150px);
    z-index: 90
}

.word-break {
    word-break: break-word
}

.shadow {
    box-shadow: 0 17px 20px 0 rgba(94, 94, 94, .2)
}

.t-0 {
    top: 0
}

.r-0 {
    right: 0
}

.b-0 {
    bottom: 0
}

.l-0 {
    left: 0
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #e20714;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

#nprogress .peg {
    display: none;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

#nprogress .spinner {
    display: none;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #e20714;
    border-left-color: #e20714;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ui-link {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-decoration: underline;
    color: #e20714
}

.master-category--active,
.ui-button,
.ui-button-red:hover,
.ui-link--small,
.ui-menu--dropdown__link-mobile,
.ui-menu--dropdown__link-mobile:hover,
.ui-menu--dropdown__link:hover,
.ui-menu__link,
.ui-menu__link:hover,
.ui-menu__rest-sub-item-link,
.ui-menu__rest-sub-item-link:hover,
.ui-profile__dropdown a {
    text-decoration: none
}

.ui-link svg {
    width: 16px;
    margin-left: 16px
}

.ui-link svg path {
    fill: #e20714
}

.ui-link:hover {
    color: #b10510
}

.ui-link:hover svg path {
    fill: #b10510
}

.ui-link--small {
    font-size: .75rem;
    line-height: 1rem
}

.ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 400;
    transition: all cubic-bezier(.075, .82, .165, 1) .3s;
    border: 1px solid transparent;
    padding: .6875rem 1rem;
    border-radius: 4px;
    min-width: 154px
}

.c__select .ui-select-offscreen,
.ui-select-focusser,
.ui-select-search-hidden {
    display: none
}

.ui-button-white {
    background: #fff;
    color: #5e5e5e;
    border: 1px solid #dadada
}

.ui-button-dark,
.ui-button-white:hover {
    background: #2f91be;
    color: #fff
}

.ui-button-white:hover {
    border: 1px solid #2f91be
}

.ui-button-dark:hover {
    background: #257295;
    border: 1px solid #dadada
}

.ui-button-dark:active,
.ui-button-dark:focus {
    background-color: #1b536c
}

.ui-button-dark[disabled] {
    color: #5e5e5e;
    background-color: #dcdcdc;
    pointer-events: none;
    cursor: not-allowed
}

.ui-button-light {
    background: #fff;
    border: 1px solid #1b536c;
    color: #5e5e5e
}

.ui-button-light:hover {
    background: #257295;
    border: 1px solid #dadada;
    color: #fff
}

.ui-button-light:active,
.ui-button-light:focus {
    background-color: #1b536c
}

.ui-button-light[disabled] {
    color: #5e5e5e;
    background-color: #dcdcdc;
    pointer-events: none;
    cursor: not-allowed
}

.ui-button-comment {
    min-width: 1px
}

.ui-button--small {
    font-size: 18px;
    padding: .5rem;
    width: auto;
    min-width: auto
}

.ui-button-red {
    background: #e20714;
    color: #fff;
    min-width: 40px;
    padding: 0 11px
}

.ui-button-red:hover {
    background: #fff;
    border: 1px solid #e20714;
    color: #e20714
}

.c__date-picker .uib-left,
.c__date-picker .uib-right {
    background-image: url(/assets/images/ico-left.svg)
}

.rf-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.rf-wrapper .inner-page-space {
    padding: 12px 0
}

@media (min-width:998px) {
    .rf-wrapper {
        padding-top: 7px;
        padding-bottom: 14px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }
}

.c__select-wrap .svg-dropdown {
    right: 12px;
    top: 21px
}

.c__select-wrap .svg-pin {
    left: 8px;
    top: 11px
}

.c__select-wrap {
    margin-bottom: 12px
}

.c__select {
    position: relative
}

.c__select .ui-select-search {
    padding: 10px 30px 10px 48px
}

.c__select .ui-select-match {
    padding: 10px 8px
}

.c__select .ui-select-match,
.c__select .ui-select-search {
    background-color: #fff;
    width: 100%;
    border: none;
    border-radius: 3px;
    height: 56px;
    font-size: 16px;
    line-height: 34px;
    padding-left: 48px;
    -webkit-appearance: none
}

.c__select .ui-select-match:focus,
.c__select .ui-select-search:focus {
    outline: 0;
    border-color: #000
}

.c__select .ui-select-match:hover,
.c__select .ui-select-search:hover {
    cursor: pointer
}

.c__select .ui-select-dropdown {
    position: absolute;
    margin-top: 0;
    background-color: #fff;
    border: 1px solid #000;
    border-top: none;
    border-radius: 0 0 3px 3px;
    width: calc(100% + 2px);
    margin-left: -1px;
    overflow-y: scroll;
    max-height: 300px;
    z-index: 1000
}

.c__select .ui-select-choices-row {
    color: #000;
    font-size: 16px;
    line-height: 23px
}

.c__select .ui-select-choices-row:hover {
    cursor: pointer;
    background-color: #000;
    color: #fff
}

.c__select .ui-select-choices-row:hover svg {
    fill: #fff
}

.ui-select-choices-row-inner {
    position: relative;
    padding: 16px 8px 16px 48px
}

.svg-date {
    width: 18px;
    height: 20px;
    left: 19px;
    top: 18px
}

.c__select-icon-left {
    left: 18px;
    top: 20px
}

.c__select--label {
    font-size: 13px
}

.has-error .c__select {
    border: 1px solid #000
}

.has-error .c__select--label {
    color: #000
}

.c__date-picker {
    font-size: 16px;
    position: relative
}

.c__date-picker:focus {
    outline: 0;
    border-color: #000
}

.c__date-picker:nth-of-type(1) {
    padding-right: 0
}

.c__date-picker:nth-of-type(2) {
    padding-left: 0;
    margin-left: -1px
}

.c__date-picker .uib-daypicker:focus {
    outline: 0
}

.c__date-picker .uib-datepicker-popup {
    background-color: #fff;
    list-style-type: none;
    border: 1px solid #000;
    margin-top: 0;
    padding: 16px;
    position: fixed;
    margin-left: -1px;
    width: 90%;
    left: 5% !important;
    z-index: 1000
}

.c__date-picker .uib-datepicker-popup table {
    width: 100%
}

@media (min-width:768px) {
    .c__date-picker .uib-datepicker-popup {
        position: absolute;
        width: 280px;
        left: 0 !important
    }
}

.c__date-picker .uib-title {
    background-color: transparent;
    font-size: 13px;
    outline: 0;
    border: none;
    font-weight: 300
}

.c__date-picker .uib-day .btn {
    width: 32px;
    height: 32px;
    border: none;
    line-height: 30px;
    background-color: #fff;
    color: #000;
    border-radius: 32px;
    font-size: 16px
}

.c__date-picker .uib-day .btn:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    cursor: pointer
}

.c__date-picker .uib-day .btn[disabled=disabled] {
    color: #000
}

.c__date-picker .uib-day .btn[disabled=disabled]:hover {
    cursor: not-allowed;
    border: none;
    background-color: transparent
}

.c__date-picker .uib-day .btn-info {
    border: 1px solid #000;
    background-color: #000;
    color: #fff
}

.c__date-picker .uib-month .btn,
.c__date-picker .uib-year .btn {
    width: 80px;
    padding: 0 5px;
    height: 32px;
    border: 1px solid #000;
    line-height: 30px;
    background-color: #fff;
    color: #000;
    font-size: 13px
}

.c__date-picker .uib-month .btn:hover,
.c__date-picker .uib-year .btn:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    cursor: pointer
}

.c__date-picker .uib-month .btn[disabled=disabled],
.c__date-picker .uib-year .btn[disabled=disabled],
.select {
    color: #000
}

.c__date-picker .uib-month .btn[disabled=disabled]:hover,
.c__date-picker .uib-year .btn[disabled=disabled]:hover {
    cursor: not-allowed;
    border: none;
    background-color: transparent
}

.c-hamburger,
.menu-icon,
.select:hover,
.ui-profile__trigger.active,
.ui-profile__trigger:hover {
    cursor: pointer
}

.c__date-picker .uib-left,
.c__date-picker .uib-right {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    top: 18px
}

.c__date-picker .uib-right {
    transform: rotate(180deg);
    right: 24px
}

.c__date-picker .svg-icon__sm {
    top: 16px;
    left: 16px
}

.c__date-picker .date {
    width: 70%
}

.c__date-picker .date .ui-select-match,
.c__date-picker .date .ui-select-search {
    border: none
}

.c__date-picker .time {
    width: 30%
}

.c__date-picker .time .ui-select-match,
.c__date-picker .time .ui-select-search {
    border: none;
    font-size: 16px;
    padding-top: 4px;
    height: 56px;
    line-height: 50px;
    padding-left: 0;
    text-align: right;
    padding-right: 24px;
    background-color: #fff
}

.c__date-picker .time .ui-select-choices-row-inner {
    padding: 8px 12px
}

.c__date-picker .time .ui-select-dropdown {
    min-width: 80px;
    position: fixed;
    top: 10%;
    width: 90%;
    left: 5%;
    border-top: 1px solid #000;
    padding: 12px;
    text-align: center
}

@media (min-width:768px) {
    .c__date-picker .time .ui-select-dropdown {
        position: absolute;
        top: 56px;
        right: 0;
        width: 100px;
        left: auto
    }
}

.c__select-border {
    border: 1px solid #000;
    border-radius: 3px
}

.c__select-border--left {
    border-radius: 3px 0 0 3px
}

.c__select-border--right {
    border-radius: 0 3px 3px 0
}

.c__date-picker--input {
    font-family: Lato, sans-serif;
    height: 56px;
    width: 100%;
    font-size: 16px;
    border: none;
    border-radius: 3px;
    padding-left: 12px
}

@media (min-width:768px) {
    .c__date-picker--input {
        padding-left: 48px
    }
}

.c__date-picker--input:focus {
    border-color: #000;
    outline: 0
}

.uib-daypicker th,
.uib-monthpicker th,
.uib-yearpicker th {
    height: 32px
}

.uib-year .btn {
    width: 100% !important
}

.uib-day {
    border-radius: 50%
}

.c-hamburger,
.c-hamburger span {
    position: absolute;
    display: block
}

.select {
    background-color: #fff;
    border: 1px solid #000;
    width: 100%;
    border-radius: 3px;
    height: 48px;
    font-size: 18px;
    line-height: 1em;
    padding: .5em
}

.select:focus {
    outline: 0;
    border-color: #000
}

.select-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 24px;
    top: 18px
}

.loader,
.loader--x-small {
    height: 8px;
    width: 8px;
    border-width: 2px
}

.loader {
    animation: spin 1s linear infinite;
    border-style: solid;
    border-color: #5e5e5e #dcdcdc #dcdcdc;
    border-radius: 50%
}

.loader--small {
    height: 16px;
    width: 16px;
    border-width: 2px
}

.loader--medium {
    height: 24px;
    width: 24px;
    border-width: 4px
}

.loader--big {
    height: 32px;
    width: 32px;
    border-width: 4px
}

@keyframes spin {
    to {
        border-top-color: #5e5e5e;
        transform: rotate(360deg)
    }
}

.c-hamburger {
    right: 16px;
    top: 4px;
    overflow: hidden;
    padding: 0;
    width: 42px;
    height: 42px;
    font-size: 0;
    text-indent: -9999px;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    -webkit-transition: background .3s;
    transition: background .3s
}

.c-hamburger span {
    top: 26px;
    left: 5px;
    right: 5px;
    height: 3px;
    background: #fff
}

.c-hamburger span:after,
.c-hamburger span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: ""
}

.c-hamburger span:before {
    top: 10px
}

.c-hamburger span:after {
    bottom: 10px
}

.c-hamburger.is-active {
    background: 0 0
}

.c-hamburger.is-active span:after,
.c-hamburger.is-active span:before {
    background: #fff
}

.c-hamburger--htx,
.c-hamburger--htx.is-active {
    background-color: transparent
}

.c-hamburger:focus {
    outline: 0
}

.c-hamburger--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s
}

.c-hamburger--htx span::after,
.c-hamburger--htx span::before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.c-hamburger--htx.is-active span {
    background: 0 0
}

.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: 0 0 !important
}

.navbar,
.ui-menu,
header {
    background-color: #fff
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
    height: 48px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2);
    justify-content: center
}

.ui-gallery__thumb:focus,
.ui-search-form__btn-wrap:focus,
.ui-search-form__btn-wrap:hover {
    box-shadow: none;
    outline: 0
}

header .container {
    padding: 0
}

@media (min-width:61rem) {
    .c-hamburger {
        display: none
    }

    header .container {
        padding: 0 10px
    }
}

@media (min-width:46rem) {
    .c__select-wrap {
        margin-bottom: 0
    }

    header {
        height: 88px;
        display: flex;
        align-items: center
    }
}

.ui-menu-fixed {
    padding-top: 72px
}

@media (min-width:61rem) {
    header {
        box-shadow: none;
        height: auto;
        display: block
    }

    .ui-menu-fixed {
        padding-top: 0
    }
}

.search-button {
    width: 14px;
    height: 7px;
    transform: rotate(0);
    transform-origin: center;
    transition: transform cubic-bezier(.215, .61, .355, 1) .35s
}

.search-button.active,
.triangle-right {
    transform: rotate(180deg)
}

.navbar {
    height: 100%;
    width: 100%
}

.menu-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 250
}

.ui-menu {
    height: 48px;
    align-items: top;
    transition: all .5s ease-in-out;
    text-align: center;
    font-size: 24px
}

@media (min-width:61rem) {
    .ui-menu {
        background-color: #fff;
        height: auto;
        align-items: center
    }
}

@media (min-width:46rem) {
    .ui-menu {
        height: 60px
    }
}

@media (min-width:61rem) {
    .ui-menu {
        height: 80px
    }
}

.ui-menu__item {
    font-size: 16px;
    font-weight: 300;
    position: relative;
    list-style: none;
    text-align: left
}

@media (min-width:768px) {
    .ui-menu__item {
        display: flex
    }
}

@media (min-width:1024px) {
    .ui-menu__item {
        display: inline-flex;
        align-items: center
    }

    .ui-menu__item:first-of-type {
        border-left: 1px solid #dcdcdc
    }
}

.ui-menu__item.bg-blue a {
    background-color: #2994c5
}

.ui-menu__item--rest svg {
    position: absolute;
    top: calc(50% - 1px);
    right: 29px
}

.header-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.header-social-facebook {
    background-color: #3b5998;
    margin-right: 16px;
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.header-social-facebook svg {
    width: 7px;
    height: 16px;
    color: #fff
}

.header-social-twitter {
    background-color: #55acee;
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.header-social-twitter svg {
    width: 14px;
    height: 11px;
    color: #fff
}

.top-menu {
    min-height: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
}

.logo-header {
    position: relative;
    display: inline-block;
    margin-top: 3px
}

@media (min-width:61rem) {
    .top-menu {
        min-height: 102px;
        height: 101px;
        justify-content: flex-end;
        padding: 0
    }

    .logo-header {
        position: absolute;
        left: 0;
        top: 30px;
        margin-top: 0
    }
}

.logo-header .main {
    height: 25px;
    width: 124px;
    display: block
}

@media (min-width:46rem) {
    .logo-header .main {
        height: 32px;
        width: 165px
    }
}

@media (min-width:61rem) {
    .logo-header .main {
        height: 50px;
        width: 256px
    }
}

.logo-header .secondary {
    height: 25px;
    width: 124px;
    position: absolute;
    right: 3px;
    bottom: -8px;
    display: none
}

@media (min-width:46rem) {
    .logo-header .secondary {
        height: 8px;
        width: 45px;
        display: block
    }
}

@media (min-width:61rem) {
    .logo-header .secondary {
        height: 13px;
        width: 70px
    }
}

.menu-container .container {
    padding-left: 0;
    padding-right: 0
}

.ui-menu__link {
    color: #282828;
    font-size: 15px;
    line-height: 24px;
    float: none;
    padding: 13px 29px 9px 9px;
    display: block;
    border-width: 1px 1px 1px 0;
    border-color: #dcdcdc;
    border-style: solid;
    position: relative
}

@media (min-width:976px) {
    .ui-menu__link {
        min-width: 104px;
        display: inline-block;
        font-size: 14px;
        padding: 12px 4px 8px
    }
}

.master-category--active:after,
.ui-menu__link:hover:after {
    content: "";
    display: block;
    top: -1px;
    left: -1px;
    height: 5px;
    width: calc(100% + 2px)
}

@media (min-width:1136px) {
    .ui-menu__link {
        min-width: 122px;
        font-size: 15px;
        padding: 12px 10px 8px
    }
}

@media (min-width:1296px) {
    .ui-menu__link {
        min-width: 140px;
        font-size: 18px;
        padding: 13px 9px 9px
    }
}

.ui-menu__link:hover {
    background-color: #f8f8f8;
    border-bottom-color: #dcdcdc
}

.master-category--active,
.ui-menu__link--border-b {
    border-bottom: 1px solid #f8f8f8
}

.ui-menu__link:hover:after {
    position: absolute;
    z-index: 99;
    background-color: #e20714
}

.master-category--active {
    background-color: #f8f8f8;
    z-index: 1
}

.master-category--active:after {
    position: absolute;
    z-index: 99;
    background-color: #e20714
}

.secondLevelCategory:before,
.triangle-right:after {
    content: '';
    position: absolute
}

.list-border {
    margin-bottom: 20px;
}

.not-found,
main {
    padding-top: 325px;
    min-height: 100vh
}

@media (min-width:46rem) {

    .not-found,
    main {
        padding-top: 380px;
        min-height: calc(100vh - 90px)
    }
}

@media (min-width:61rem) {

    .not-found,
    main {
        padding-top: 400px
    }

    .menu-has-submenu .not-found,
    .menu-has-submenu main {
        padding-top: 203px
    }

    .menu-has-submenu .ui-article__meta--sticky {
        top: 203px !important
    }
}

.ui-menu--dropdown {
    display: flex;
    align-items: center;
    height: 53px
}

.ui-menu__item--dropdown {
    list-style: none;
    display: flex;
    align-items: center;
    height: 100%
}

.ui-menu--dropdown__link {
    padding-right: 20px;
    padding-left: 0;
    text-decoration: none
}

@media (min-width:71rem) {
    .ui-menu--dropdown__link {
        padding-right: 24px;
        padding-left: 12px
    }
}

.secondLevelCategory {
    position: relative;
    padding-left: 12px
}

.secondLevelCategory:before {
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background-color: #f8f8f8;
    z-index: 1
}

@media (min-width:976px) {
    .secondLevelCategory:before {
        width: calc((100% - 940px)/ 2)
    }
}

@media (min-width:1136px) {
    .secondLevelCategory:before {
        width: calc((100% - 1100px)/ 2)
    }
}

@media (min-width:1296px) {
    .secondLevelCategory:before {
        width: calc((100% - 1260px)/ 2)
    }
}

.secondLevelCategory-item {
    padding-left: 0;
    margin-left: -6px
}

.secondLevelCategory-item:first-of-type {
    background-color: #f8f8f8
}

@media (min-width:976px) {
    .secondLevelCategory-item {
        width: 122px;
        margin-right: 40px
    }
}

@media (min-width:1024px) {
    .secondLevelCategory-item {
        width: 129px;
        margin-right: 40px
    }
}

@media (min-width:1136px) {
    .secondLevelCategory-item {
        width: 150px;
        margin-right: 28px
    }
}

@media (min-width:1296px) {
    .secondLevelCategory-item {
        width: 160px
    }
}

.secondLevelCategory-item a {
    padding-right: 32px
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-right: 27px solid #dcdcdc;
    position: absolute;
    left: 100%;
    top: 0
}

.triangle-right:after {
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-right: 26px solid #f8f8f8;
    top: -26px;
    left: 1px
}

.ui-menu--mobile,
.ui-menu--mobile--bottom {
    position: fixed;
    background-color: #fff;
    left: 0
}

.ui-menu--mobile {
    overflow: auto;
    height: 100%;
    width: 70vw;
    top: 47px;
    transform: translateX(-70vw);
    transition: transform .4s ease-in-out;
    z-index: 11000
}

.ui-menu--mobile--bottom {
    height: calc(100% - 48px);
    width: 100%;
    top: 0
}

@media (min-width:46rem) {
    .ui-menu--mobile {
        top: 87px
    }
}

.menu-icon {
    float: right;
    padding: 8px 0;
    position: relative;
    user-select: none;
    display: block
}

@media (min-width:61rem) {
    .ui-menu--mobile {
        transform: translateX(0);
        transition: transform 0s ease-in-out
    }

    .menu-icon {
        display: none
    }
}

.navicon {
    background: #323232;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 24px
}

.navicon::after,
.navicon::before {
    background: #323232;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%
}

.navicon:before {
    top: 8px
}

.navicon:after {
    top: -8px
}

.menu-btn {
    display: none
}

.menu-btn:checked~.menu-icon .navicon {
    background: 0 0
}

.menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg)
}

.header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg)
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before {
    top: 0
}

.menu-btn:checked~.ui-menu-list {
    display: block
}

.fa-search {
    width: 24px;
    height: 24px
}

.openMenu {
    transform: translateX(0)
}

.ui-menu__item-mobile {
    list-style: none;
    width: 100%
}

.ui-menu__item-mobile:first-of-type a {
    border-top: none
}

.ui-menu--dropdown__link-mobile {
    font-size: 18px;
    font-size: 1.125rem;
    color: #5e5e5e;
    line-height: 28px;
    border-top: 1px solid #dcdcdc;
    width: 100%;
    display: block;
    padding: 8px 24px
}

.ui-menu--dropdown__link-mobile-back-links {
    color: #a7a7a7
}

.active-state-mobile {
    background-color: #2994c5;
    color: #fff
}

.menu-container:after,
.mm-open:after {
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    top: 149px;
    content: ""
}

.ui-mega-menu {
    position: absolute;
    z-index: 100;
    display: none;
    border-bottom: 1px solid #dcdcdc
}

.ui-mega-menu.visible {
    display: block
}

.ui-menu__item.last {
    border: none;
    padding: 11px 13px 12px 9px
}

.ui-menu__item.last a {
    padding: 13px 13px 9px 9px
}

.menu-container:after {
    display: none
}

@media (min-width:46rem) {
    .menu-container:after {
        display: block
    }
}

.mm-open {
    border-bottom: 1px solid #dcdcdc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mm-open .ui-menu__link {
    background-color: #f8f8f8;
    border-bottom: 1px solid #f8f8f8
}

.mm-open .last {
    background-color: #fff
}

.mm-open .last:after,
.mm-open .ui-menu__item.last:after {
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #dcdcdc;
    width: 100%
}

.mm-open .last:after {
    content: "";
    right: 0
}

.mm-open .ui-menu__item.last:after {
    content: '';
    z-index: 10000
}

.checkmark:after,
.point:after,
.ui-menu__rest-item:after {
    content: ""
}

.ui-menu__rest {
    list-style-type: none;
    display: flex;
    width: 100%;
    margin-top: -1px;
    background-color: #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8
}

.ui-menu__rest li {
    list-style-type: none
}

.ui-menu__rest-item {
    min-width: 160px;
    font-size: 18px;
    display: inline-block;
    padding: 13px 29px 9px 9px;
    position: relative;
    border-right: 1px solid #dcdcdc;
    border-left: none;
    color: #f8f8f8
}

.ui-menu__rest-item:after {
    display: none;
    height: 100%;
    width: 1px;
    background-color: #e20714;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:968px) {
    .ui-menu__rest-item {
        font-size: 15px;
        max-width: 104px;
        min-width: 104px;
        padding: 12px 10px 8px
    }
}

@media (min-width:1136px) {
    .ui-menu__rest-item {
        min-width: 122px;
        max-width: 122px;
        font-size: 18px;
        padding: 12px 10px 8px
    }
}

.ui-menu__rest-items {
    margin-top: -20px
}

.ui-menu__rest-sub-item {
    color: #282828;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1rem
}

@media (min-width:976px) {
    .ui-menu__rest-sub-item {
        font-size: 13px
    }
}

@media (min-width:1136px) {
    .ui-menu__rest-sub-item {
        font-size: 15px
    }
}

@media (min-width:1296px) {
    .ui-menu__rest-item {
        padding: 13px 29px 9px 9px;
        min-width: 140px;
        max-width: 140px
    }

    .ui-menu__rest-sub-item {
        font-size: 1rem
    }
}

.ui-menu__rest-sub-item-link {
    color: currentColor
}

.ui-menu__rest-sub-item-link:hover {
    color: #e20714
}

.ui-menu__rest-sub-item-link.active {
    font-weight: 500;
    color: #e20714
}

.ui-menu__rest-item.self {
    border-right: 1px solid transparent;
    max-width: 160px
}

.ui-menu__rest-item.self .ui-menu__rest-sub-item-link {
    font-weight: 700;
    text-transform: uppercase
}

.mega-menu--active {
    border-bottom-color: #f8f8f8 !important
}

.ui-profile__trigger {
    font-size: .875rem;
    color: #282828;
    font-weight: 300;
    border-radius: 4px;
    padding: 17px 0
}

.ui-profile__dropdown {
    position: absolute;
    width: 150px;
    border: 1px solid #dadada;
    padding: 16px;
    background-color: #fff;
    display: none;
    top: 42px;
    right: 0
}

.sec-mobile-menu-dropdown .ui-menu--dropdown__link-mobile:last-of-type,
.secondary-menu,
.secondary-menu:last-of-type,
.ui-menu__item-mobile .not-logged {
    border-bottom: 1px solid #dcdcdc
}

.ui-profile__dropdown a {
    display: block;
    font-size: .857rem;
    line-height: 1.25rem;
    color: #37528c;
    margin-bottom: 10px
}

.ui-form__field,
.ui-form__label {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #5e5e5e
}

.ui-profile__dropdown a:last-of-type {
    margin-bottom: 0
}

.ui-profile__wrap:hover .ui-profile__dropdown {
    display: block
}

.secondary-menu {
    margin-top: 60px;
    border-top: 1px solid #dcdcdc
}

.sec-mobile-menu-dropdown {
    position: relative;
    margin-top: -1px
}

.sec-mobile-menu-dropdown svg {
    position: absolute;
    left: 20px;
    top: 10px
}

.sec-mobile-menu-dropdown .ui-menu--dropdown__link-mobile {
    padding-left: 0
}

.ui-menu__item-mobile:last-of-type {
    margin-top: -1px
}

.menu-item-indent li a {
    padding-left: 48px
}

.hide-menu-on-load .navbar-nav {
    display: none !important
}

.ui-form__item {
    margin-bottom: .5rem;
    display: flex;
    flex-direction: column
}

.ui-form__item.empty {
    margin-bottom: 0
}

.ui-form__label {
    font-weight: 400;
    margin-bottom: .5rem
}

.checkbox-wrapper,
.radio-wrapper {
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ui-form__field {
    background-color: #fff;
    padding: 1rem;
    border: 1px solid #dadada;
    transition: all cubic-bezier(.175, .885, .32, 1.275) .3s;
    height: 54px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 4px
}

.ui-form__field:focus {
    outline: 0;
    border-color: #5e5e5e
}

.ui-form__field:disabled,
.ui-form__field[disabled] {
    color: #dadada;
    background-color: #fff;
    border-color: #dadada;
    pointer-events: none;
    cursor: not-allowed
}

.ui-form__field::-webkit-input-placeholder {
    color: #dcdcdc;
    font-style: normal
}

.ui-form__field:-moz-placeholder,
.ui-form__field:-ms-input-placeholder,
.ui-form__field::-moz-placeholder {
    color: #dadada;
    font-style: normal
}

.ui-form__textarea {
    height: auto;
    min-height: 256px;
    width: 100%;
    resize: none
}

 

.ui-form__helper {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 400;
    margin-top: .8rem;
    color: #5e5e5e
}

.has-error .ui-form__helper,
.has-error .ui-form__terms {
    color: #e20714
}

.has-error .ui-form__field {
    border-color: #e20714;
    background-color: rgba(226, 7, 20, .1)
}

.has-error .ui-form__field:-moz-placeholder,
.has-error .ui-form__field:-ms-input-placeholder,
.has-error .ui-form__field::-moz-placeholder,
.has-error .ui-form__field::-webkit-input-placeholder {
    color: #e20714;
    font-style: italic
}

.has-error .ui-input-common {
    border-color: #e20714
}

.has-error .chevron path {
    fill: #e20714
}

.error-message {
    font-size: 14px;
    font-size: .875rem;
    line-height: 18.2px;
    line-height: 1.3rem;
    line-height: 20px;
    margin-top: 8px;
    margin-left: 4px
}

.radio-wrapper {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
    display: inline-block
}

.radio-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.point {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border: 1px solid #5e5e5e;
    border-radius: 50%
}

.radio-wrapper:hover input~.point {
    background-color: #ccc
}

.radio-wrapper input:checked~.point {
    background-color: #fff;
    border: 1px solid #5e5e5e
}

.point:after {
    position: absolute;
    display: none
}

.radio-wrapper input:checked~.point:after {
    display: block
}

.radio-wrapper .point:after {
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #5e5e5e
}

.checkbox-wrapper {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none
}

.checkbox-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #5e5e5e
}

.checkbox-wrapper:hover input~.checkmark {
    background-color: #f8f8f8
}

.checkbox-wrapper input:checked~.checkmark {
    background-color: #2994c5
}

.checkmark:after {
    position: absolute;
    display: none
}

.checkbox-wrapper input:checked~.checkmark:after {
    display: block
}

.checkbox-wrapper .checkmark:after {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.ui-select-native {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #5e5e5e;
    font-size: .875rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    min-width: 202px;
    padding: 0 1rem
}

.ui-select-native:focus {
    outline: 0
}

.ui-select-native::ms-expand {
    display: none
}

.ui-select-native--big {
    height: 50px;
    line-height: 50px;
    font-size: 1rem;
    border: 1px solid #dcdcdc;
    width: 100%
}

.ui-select-group {
    position: relative;
    display: inline-block;
    min-width: 202px
}

.ui-select-group .chevron {
    position: absolute;
    right: 16px;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #282828
}

.ui-select-group .chevron svg {
    width: 16px;
    fill: #dadada
}

.ui-select-group .ui-select-native+.chevron {
    width: 16px;
    height: 16px
}

.ui-select-group--big {
    min-width: 100%
}

.ui-select-group--big .ui-select-native--big+.chevron {
    width: 24px;
    height: 24px
}

.ui-select-group--big .ui-select-native--big+.chevron svg {
    width: 24px
}

.footer-hr,
.ui-form__field-group input {
    width: 100%
}

.ui-select-group--half {
    max-width: 49%
}

@media (min-width:768px) {
    .ui-select-native {
        padding: 0 1rem
    }

    .ui-select-group--half {
        max-width: 48%
    }
}

@media (min-width:1024px) {
    .ui-select-group--half {
        max-width: 195px
    }
}

.ui-select-group--full {
    max-width: 100%
}

.ui-form-reset {
    margin-bottom: 0 !important
}

.ui-form__field-group {
    display: flex;
    flex-direction: row
}

.ui-footer__link,
.ui-footer__link--sub {
    display: block;
    color: #fff;
    line-height: 1.25rem;
    text-decoration: none
}

.ui-form__field-group button {
    height: 48px
}

body,
html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

.root {
    clear: both;
    height: auto !important;
    height: 100%;
    margin-bottom: -300px
}

.root .root-footer {
    height: 300px
}

.footer {
    clear: both;
    position: relative;
    min-height: 300px;
    padding: 50px 0 24px
}

.ui-footer__link {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 8px
}

@media (min-width:46rem) {
    .ui-footer__link {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500
    }
}

.ui-footer__link--sub {
    font-size: 1.125rem;
    font-weight: 400;
    padding: 4px 0
}

@media (min-width:46rem) {
    .ui-footer__link--sub {
        font-size: .875rem;
        margin-bottom: 6px
    }
}

.footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap
}

.footer-menu__item {
    margin-right: 0;
    flex-basis: 50%;
    margin-bottom: 24px
}

@media (min-width:46rem) {
    .footer-menu__item {
        margin-right: 0;
        flex-basis: 25%
    }
}

@media (min-width:61rem) {
    .footer-menu__item {
        margin-right: 0;
        flex-basis: 20%
    }
}

@media (min-width:71rem) {
    .footer-menu__item {
        margin-right: 30px;
        flex-basis: auto
    }
}

@media (min-width:81rem) {
    .footer-menu__item {
        margin-right: 45px
    }
}

.footer-menu__item:last-of-type {
    margin-right: 0
}

.footer-hr {
    display: block;
    height: 1px;
    margin: 38px 0 24px;
    background-color: rgba(255, 255, 255, .4)
}

.footer-copy {
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4)
}

.footer-logo {
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-bottom: 24px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width:46rem) {
    .footer-logo {
        border-bottom: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .footer-social {
        margin-top: 16px
    }
}

.footer-copy svg {
    position: absolute;
    top: 0
}

.footer-apps {
    width: 50%;
    margin-bottom: 16px
}

.footer-apps-wrapper {
    flex-direction: column
}

@media (min-width:736px) {
    .footer-apps-wrapper {
        flex-direction: row
    }
}

@media (min-width:976px) {
    .footer-apps {
        width: 80%
    }

    .footer-apps-wrapper {
        flex-direction: column
    }
}

.search__modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(40, 40, 40, .9);
    overflow: hidden;
    transition: opacity ease-in-out .25s;
    opacity: 0;
    z-index: -1
}

.search__modal--form {
    position: absolute;
    top: 95px
}

@media (min-width:767px) {
    .search__modal--form {
        left: calc(50% - 267px);
        top: calc(50% - 32px)
    }
}

.open-search-modal {
    overflow: hidden
}

.open-search-modal .search__modal {
    opacity: 1;
    z-index: 10000
}

.navigation-search {
    background: #f8f8f8;
    border: none;
    width: 100%;
    height: 64px;
    padding: 19px 56px 19px 12px;
    font-size: 22px;
    outline: 0
}

@media (min-width:767px) {
    .navigation-search {
        border: 1px solid #5e5e5e;
        border-radius: 4px;
        width: 534px;
        padding: 14px 72px;
        font-size: 28px
    }
}

@media (min-width:1024px) {
    .search__modal--form {
        left: calc(50% - 380px);
        top: calc(50% - 40px)
    }

    .navigation-search {
        width: 760px;
        height: 80px;
        padding: 20px 72px;
        font-size: 36px
    }
}

.navigation-search-mobile {
    cursor: pointer;
    right: 46px;
    top: 18px
}

.navigation-search-mobile .fa-search {
    color: #fff
}

.search-close {
    top: 13px;
    right: 8px;
    position: absolute
}

.search-close:hover {
    cursor: pointer
}

.search-wrapper {
    z-index: 1200;
    position: relative
}

.search-clear {
    position: absolute;
    top: 20px;
    right: 16px
}

@media (min-width:767px) {
    .search-wrapper {
        width: fit-content
    }

    .search-clear {
        top: 20px;
        right: 24px
    }
}

@media (min-width:1024px) {
    .search-clear {
        top: 28px;
        right: 24px
    }
}

.ui-gallery__nav--right,
.ui-gallery__nav-aux--next {
    right: 10px
}

.search-backdrop {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.pagination {
    padding-top: 34px
}

@media (min-width:768px) {
    .ui-select-group--full {
        max-width: 195px
    }

    .ui-form__field-group input {
        min-width: 200px
    }

    .pagination {
        padding-top: 64px
    }
}

.pagination__item {
    list-style-type: none;
    font-size: 18px;
    display: flex;
    line-height: 1
}

.pagination__item--link {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    text-decoration: none
}

@media (min-width:768px) {
    .pagination__item--link {
        padding: 0 12px
    }
}

.pagination__item--link:hover {
    color: #000;
    text-decoration: none !important
}

.pagination__item--link.active,
.pagination__item--link:active {
    color: #e20714;
    text-decoration: none !important
}

.pag-border {
    border: 1px solid #5e5e5e;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pag-border:hover {
    background-color: #e20714;
    border: 1px solid #e20714
}

.fof-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 40px
}

@media (min-width:46rem) {
    .fof-wrapper {
        align-items: flex-start;
        flex-direction: row;
        padding: 54px 0 50px
    }
}

@media (min-width:61rem) {
    .fof-wrapper {
        padding: 68px 0 50px
    }
}

@media (min-width:71rem) {
    .fof-wrapper {
        padding: 65px 0 60px
    }
}

@media (min-width:81rem) {
    .fof-wrapper {
        align-items: flex-start;
        flex-direction: row;
        padding: 75px 0 80px
    }
}

.fof-banner {
    margin-top: 0;
    margin-bottom: 40px
}

.fof-error {
    font-size: 4.5rem;
    line-height: 5rem;
    letter-spacing: -.6px;
    margin-right: 20px
}

.fof-title {
    font-size: 1.625rem;
    line-height: 2rem;
    padding-top: 12px;
    text-align: center
}

@media (min-width:46rem) {
    .fof-title {
        text-align: left
    }
}

.fof-subtitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center
}

@media (min-width:46rem) {
    .fof-subtitle {
        text-align: left
    }
}

.fof-link {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #e20714;
    text-decoration: none;
    margin-bottom: 24px;
    text-align: center
}

.fof-link:hover,
.ui-auth a {
    text-decoration: underline
}

.body-gallery {
    overflow: hidden
}

.ui-article__gallery {
    position: fixed;
    background-color: #282828;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 20000
}

.ui-gallery__nav--left,
.ui-gallery__nav-aux--prev {
    left: 10px
}

.ui-gallery__nav,
.ui-gallery__nav-aux {
    position: absolute;
    z-index: 150;
    top: 50%;
    align-content: center
}

.ui-article__gallery hr {
    margin: 24px 0;
    border-color: #fff;
    border-width: 1px
}

.ui-gallery__title {
    font-size: 1.375rem;
    line-height: 1.875rem;
    display: block;
    margin-bottom: 8px
}

.ui-gallery__subtitle {
    font-size: 1em;
    line-height: 1.25rem;
    display: block
}

.ui-gallery__separator {
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    margin: 24px 0
}

.ui-gallery__indicator svg {
    width: 24px
}

.ui-gallery__indicator path {
    fill: #fff
}

.ui-gallery__indicator-text {
    font-size: 1rem;
    line-height: 1.25rem
}

.ui-gallery__nav {
    background-color: rgba(40, 40, 40, .4);
    margin-top: -32px;
    height: 64px;
    width: 64px;
    display: flex;
    justify-content: center
}

.ui-gallery__nav svg {
    width: 24px
}

.ui-gallery__nav svg path {
    fill: rgba(255, 255, 255, .7)
}

.ui-gallery__nav:hover {
    background-color: rgba(40, 40, 40, .6);
    cursor: pointer
}

.ui-gallery__nav:hover path {
    fill: #fff
}

.ui-gallery__nav-aux svg path,
.ui-gallery__nav.slick-disabled path {
    fill: rgba(255, 255, 255, .7)
}

.ui-gallery__nav.slick-disabled {
    cursor: default;
    background-color: rgba(40, 40, 40, .4)
}

.ui-gallery__nav-aux {
    background-color: rgba(40, 40, 40, .4);
    margin-top: -15px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center
}

.ui-gallery__nav-aux svg {
    width: 12px
}

@media (min-width:415px) {
    .ui-gallery__nav-aux {
        margin-top: -32px;
        height: 64px;
        width: 64px
    }

    .ui-gallery__nav-aux svg {
        width: 24px
    }

    .ui-gallery__nav-aux svg path {
        fill: rgba(255, 255, 255, .7)
    }
}

.ui-gallery__nav-aux:hover {
    background-color: rgba(40, 40, 40, .6);
    cursor: pointer
}

.ui-gallery__nav-aux:hover path {
    fill: #fff
}

.ui-gallery__nav-aux.slick-disabled {
    cursor: default;
    background-color: rgba(40, 40, 40, .4)
}

.ui-gallery__nav-aux.slick-disabled path {
    fill: rgba(255, 255, 255, .7)
}

.ui-gallery__close {
    padding: 24px 0;
    display: flex;
    justify-content: flex-end;
    font-size: .875rem
}

.ui-gallery__close svg {
    width: 10px;
    margin-left: 10px
}

.ui-gallery__close path {
    fill: #fff
}

.ui-gallery__slider {
    height: 97px;
    width: 100%
}

.ui-gallery__slider .slick-list,
.ui-gallery__slider .slick-track {
    height: 97px
}

.ui-gallery__slider .slick-slide {
    width: 130px !important;
    margin-right: 34px
}

.ui-gallery__slider .slick-slide:focus {
    outline: 0
}

.ui-gallery__thumb {
    position: relative
}

.ui-gallery__thumb:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8)
}

.ui-gallery__thumb:hover {
    cursor: pointer
}

.ui-gallery__thumb.active {
    position: relative
}

.ui-gallery__thumb.active:after,
.ui-gallery__thumb.active:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0
}

.ui-gallery__thumb.active:after {
    top: 0;
    background-color: rgba(0, 0, 0, 0)
}

.ui-gallery__thumb.active:before {
    height: 4px;
    background-color: #fff
}

.ui-gallery__slider-wrapp .hp-slick-nav {
    top: 15px
}

.ui-gallery__img-active {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:415px) {
    .ng-gallery-content {
        margin: 0 -14px !important
    }

    .ng-gallery-content .col-xs-16 {
        padding: 0 !important
    }

    .ui-gallery__subtitle,
    .ui-gallery__title {
        padding: 0 12px
    }

    .ui-gallery__nav--right {
        right: 0;
        height: 42px;
        width: 42px
    }

    .ui-gallery__nav--left {
        left: 0;
        height: 42px;
        width: 42px
    }
}

.ui-contact {
    padding-top: 40px
}

.ui-contact__title {
    font-size: 1.625rem;
    line-height: 2rem
}

.ui-contact__title--medium {
    font-size: 1.375rem;
    line-height: 1.75rem
}

.ui-contact__title--small {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.ui-contact__copy {
    font-size: 1rem;
    line-height: 1.375rem
}

.ui-contact__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ui-contact__grid .item {
    flex-basis: 50%
}

@media (min-width:736px) {
    .ui-contact__grid .item {
        flex-basis: 25%
    }
}

@media (min-width:976px) {
    .ui-contact__grid .item {
        flex-basis: 50%
    }
}

.hp-static-rows {
    padding-bottom: 97px
}

@media (min-width:767px) {
    .hp-static-rows {
        padding-bottom: 116px
    }
}

@media (min-width:1024px) {
    .hp-static-rows {
        padding-bottom: 152px
    }
}

.hp-static-row--wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px
}

.hp-static-row--content {
    background-color: #fff;
    z-index: 20;
    padding: 20px 22px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    width: 100%
}

.ui-page__image-action,
.ui-page__image-source {
    background-color: rgba(40, 40, 40, .9);
    position: absolute
}

.hp-static-row--content .post-item__link:hover .line {
    width: 100px
}

.hp-static-row--content__bottom {
    padding: 22px 30px;
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:976px) {
    .hp-static-row--wrap {
        flex-direction: row;
        min-height: 445px;
        margin-bottom: 60px
    }

    .hp-static-row--content {
        padding: 32px 24px
    }

    .hp-static-row--content__bottom {
        padding: 30px 50px 50px
    }
}

@media (min-width:1024px) {
    .hp-static-row--content {
        padding: 32px 24px;
        margin-top: 0
    }

    .hp-static-row--content__bottom {
        padding: 48px
    }
}

@media all and (max-width:976px) {
    .hp-static-row--content {
        padding-bottom: 80px
    }
}

.hp-static-row__right {
    position: relative;
    margin-top: -40px
}

@media (min-width:976px) {
    .hp-static-row__right {
        margin-top: 0;
        width: auto;
        right: 12px;
        position: absolute
    }
}

.hp-static-row__right {
    border: 1px solid #dcdcdc;
    z-index: 100;
    width: 100%;
    height: 360px
}

@media (min-width:976px) {
    .hp-static-row__right {
        width: 657px;
        height: 328px
    }
}

@media (min-width:1136px) {
    .hp-static-row__right {
        width: 767px;
        height: 382px
    }
}

@media (min-width:1296px) {
    .hp-static-row__right {
        width: 876px;
        height: 437px
    }
}

.hp-static-row__right iframe {
    width: 100% !important;
    height: 100% !important
}

.ui-page {
    padding-top: 18px
}

.ui-page__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 6px;
    font-weight: 400
}

@media (min-width:46rem) {
    .fof-link {
        text-align: left
    }

    .ui-page {
        padding-top: 36px
    }

    .ui-page__title {
        font-size: 2.625rem;
        line-height: 3.125rem;
        margin-bottom: 16px
    }
}

@media (min-width:61rem) {
    .ui-page {
        padding-top: 52px
    }

    .ui-page__title {
        margin-bottom: 22px
    }
}

@media (min-width:71rem) {
    .ui-page {
        padding-top: 66px
    }

    .ui-page__title {
        margin-bottom: 16px
    }
}

@media (min-width:81rem) {
    .ui-page {
        padding-top: 46px
    }

    .ui-page__title {
        margin-bottom: 26px
    }
}

.ui-page__subtitle {
    display: block;
    font-size: 1.25rem;
    line-height: 2.125rem;
    font-weight: 400;
    color: #5e5e5e
}

@media (min-width:46rem) {
    .ui-page__subtitle {
        margin-bottom: 12px
    }
}

@media (min-width:61rem) {
    .ui-page__subtitle {
        margin-bottom: 24px
    }
}

@media (min-width:71rem) {
    .ui-page__subtitle {
        margin-bottom: 32px
    }
}

@media (min-width:81rem) {
    .ui-page__subtitle {
        margin-bottom: 36px
    }
}

.ui-page__content {
    font-size: 1.125rem;
    line-height: 1.875rem
}

.ui-page__image-wrapp,
.ui-page__video {
    position: relative
}

.ui-page__image-wrapp.mb-small,
.ui-page__video.mb-small {
    margin-bottom: 16px
}

.ui-page__image-wrapp.mb-big,
.ui-page__video.mb-big {
    margin-bottom: 44px
}

.ui-page__image {
    width: 100%;
    height: auto;
    display: block
}

.ui-page__image-action {
    top: 16px;
    right: 16px;
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.ui-page__image-source {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    bottom: 0;
    right: 0;
    padding: 6px 16px 6px 10px
}

.ui-page__image-caption {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 44px;
    display: block
}

.ui-page__video {
    height: 525px
}

.ui-page__play {
    position: absolute;
    top: 50%;
    padding: 30px;
    left: 50%
}

.ui-custom-page .ui-article-meta-section {
    display: none
}

.ui-custom-page .ui-article-body {
    margin-top: 0
}

.ui-custom-page .ui-page_separator--dash {
    background-color: #5e5e5e;
    height: 1px;
    max-width: 628px;
    margin: 16px auto 32px
}

.ui-auth {
    padding-top: 35px;
    padding-bottom: 60px
}

.ui-auth a {
    color: currentColor
}

.ui-auth-checkbox {
    align-items: baseline
}

.ui-auth__img {
    margin-top: 24px;
    margin-bottom: 24px
}

@media (min-width:736px) {
    .ui-auth {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ui-auth__img {
        margin-top: 0;
        margin-bottom: 0
    }
}

.ui-auth__img-wrap {
    position: relative;
    z-index: 10
}

.ui-auth__img-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100%;
    width: 150%;
    height: 275px;
    background-color: #f3f0ed;
    z-index: -1;
    display: none
}

@media (min-width:1136px) {
    .ui-auth__img-wrap:before {
        display: block
    }
}

.ui-auth__title {
    font-size: 2.25rem;
    line-height: 2.625rem
}

.ui-auth__copy {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ui-auth__alert-wrapp {
    position: absolute;
    padding: 0;
    top: 0;
    width: 100%;
    left: 0
}

.ui-auth__alert-wrapp span {
    font-size: 1rem;
    line-height: 1.25rem
}

.ui-auth__alert {
    position: relative;
    width: 100%;
    display: block;
    padding: .4rem 0
}

.ui-form-group input {
    width: calc(100% - 60px);
    border-radius: 4px 0 0 4px;
    border-right: none;
    float: left
}

.ui-form-group input:focus+.toggle {
    border-color: #5e5e5e
}

.ui-form-group .toggle {
    width: 60px;
    background-color: #f3f0ed;
    float: left;
    height: 54px;
    border: 1px solid #dcdcdc;
    border-left: none;
    border-radius: 0 4px 4px 0
}

.ui-form-group .toggle:hover {
    cursor: pointer
}

.ui-search .ui-select-group,
.ui-search select {
    width: 100%;
    min-width: 100%
}

.ui-search-form {
    display: flex;
    justify-content: space-between;
    position: relative
}

.ui-search-form input {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: transparent;
    border-radius: 0;
    padding: 0 60px 9px 0;
    font-size: 1.5rem;
    width: 100%
}

.ui-search-form input:focus {
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #282828
}

.ui-search-form__btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

.ui-search-form__btn-wrap {
    background-color: transparent;
    border: none
}

.arch-main {
    padding-top: 56px
}

.arch-filter {
    margin-bottom: 24px;
    border-bottom: 1px solid #dcdcdc
}

.arch-filter .ui-select-group {
    margin-bottom: 0
}

.arch-card-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.arch-card {
    flex-basis: 100%;
    display: flex
}

@media (min-width:46rem) {
    .arch-card {
        flex-basis: 50%
    }
}

@media (min-width:61rem) {
    .ui-search-form input {
        font-size: 1.857rem
    }

    .arch-card {
        flex-basis: 33%
    }
}

.article--meta {
    background-color: inherit;
    height: 24px;
    padding: 2px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    line-height: 1.375rem;
    min-width: 40px;
    display: flex
}

.article--meta svg {
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.article--meta-separator {
    margin: 0 6px
}

.ui-avatar__image {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-right: 12px
}

.ui-avatar__copy {
    font-size: .875rem
}

.ui-avatar__link {
    color: #282828;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500
}

.ui-avatar__link path {
    fill: #2994c5
}

.ui-avatar__link:hover {
    color: #e20714;
    text-decoration: none
}

.ui-avatar__link:hover path {
    fill: #e20714
}

.ui-article__gallery--action svg path,
.ui-article__hero-video--play svg path,
.ui-article__hero-video--play:hover path,
.ui-article__indicator svg path {
    fill: #fff
}

.ui-article__tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ui-article__tags-item {
    border: 1px solid #dcdcdc;
    color: #282828;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 0 20px;
    margin-bottom: 24px;
    margin-right: 24px;
    display: block;
    border-radius: 4px
}

.ui-article__tags-item:hover {
    text-decoration: none;
    background-color: #e20714;
    border-color: #e20714;
    color: #fff
}

.ui-article__image--regular,
.ui-article__image--regular .ui-article__image-caption,
.ui-article__table--regular,
.ui-article__table--regular .ui-article__image-caption {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto
}

.ui-article__image--regular .ui-article__image-caption img,
.ui-article__table--regular .ui-article__image-caption img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:628px) {

    .ui-article__image--regular .ui-article__image-caption,
    .ui-article__image--regular .ui-article__image-caption img,
    .ui-article__table--regular .ui-article__image-caption,
    .ui-article__table--regular .ui-article__image-caption img {
        width: 628px !important
    }
}

.ui-article__image--regular img,
.ui-article__table--regular img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:628px) {

    .ui-article__image--regular,
    .ui-article__image--regular img,
    .ui-article__table--regular,
    .ui-article__table--regular img {
        width: 628px !important
    }
}

.ui-article__image--medium,
.ui-article__image--medium .ui-article__image-caption,
.ui-article__table--medium,
.ui-article__table--medium .ui-article__image-caption {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto
}

.ui-article__image--medium .ui-article__image-caption img,
.ui-article__table--medium .ui-article__image-caption img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1136px) {

    .ui-article__image--medium .ui-article__image-caption,
    .ui-article__image--medium .ui-article__image-caption img,
    .ui-article__table--medium .ui-article__image-caption,
    .ui-article__table--medium .ui-article__image-caption img {
        width: 1136px !important
    }
}

.ui-article__image--medium img,
.ui-article__table--medium img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1136px) {

    .ui-article__image--medium,
    .ui-article__image--medium img,
    .ui-article__table--medium,
    .ui-article__table--medium img {
        width: 1136px !important
    }
}

.ui-article__image--large,
.ui-article__image--large .ui-article__image-caption,
.ui-article__table--large,
.ui-article__table--large .ui-article__image-caption {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto
}

.ui-article__image--large .ui-article__image-caption img,
.ui-article__table--large .ui-article__image-caption img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1296px) {

    .ui-article__image--large .ui-article__image-caption,
    .ui-article__image--large .ui-article__image-caption img,
    .ui-article__table--large .ui-article__image-caption,
    .ui-article__table--large .ui-article__image-caption img {
        width: 1296px !important
    }
}

.ui-article__image--large img,
.ui-article__table--large img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1296px) {

    .ui-article__image--large,
    .ui-article__image--large img,
    .ui-article__table--large,
    .ui-article__table--large img {
        width: 1296px !important
    }
}

.ui-article__image--huge,
.ui-article__image--huge .ui-article__image-caption,
.ui-article__table--huge,
.ui-article__table--huge .ui-article__image-caption {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto
}

.ui-article__image--huge .ui-article__image-caption img,
.ui-article__table--huge .ui-article__image-caption img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1600px) {

    .ui-article__image--huge .ui-article__image-caption,
    .ui-article__image--huge .ui-article__image-caption img,
    .ui-article__table--huge .ui-article__image-caption,
    .ui-article__table--huge .ui-article__image-caption img {
        width: 1600px !important
    }
}

.ui-article__image--huge img,
.ui-article__table--huge img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1600px) {

    .ui-article__image--huge,
    .ui-article__image--huge img,
    .ui-article__table--huge,
    .ui-article__table--huge img {
        width: 1600px !important
    }
}

.ui-btn__open-comments {
    font-size: 18px;
    line-height: 1.25rem;
    color: #282828;
    padding: 7px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    float: right;
    display: block;
    clear: both;
    cursor: pointer
}

.ui-btn__open-comments svg {
    width: 24px;
    height: 24px
}

.ui-article-link-preview__wrap {
    position: relative
}

.ui-article-link-preview__wrap p {
    background-color: #ffb6c1;
    width: 400px;
    padding: 10px;
    position: absolute;
    left: -50%
}

.embdscl0 {
    display: none
}

.fr-embedly {
    display: block;
    margin-bottom: 40px !important;
    height: 100% !important
}

.mCustomScrollbar,
.mCustomScrollbar.mCS_no_scrollbar {
    padding-right: 0 !important
}

@media (min-width:46rem) {
    .mCustomScrollbar {
        padding-right: 8px !important
    }
}

.mCSB_dragger_bar {
    background-color: #5e5e5e !important
}

.mCSB_draggerRail {
    background-color: #f3f0ed !important
}

.mCSB_container {
    padding-right: 0 !important
}

.mCSB_buttonDown,
.mCSB_buttonUp {
    display: none !important
}

.comments-open {
    transform: translateX(0)
}

.separator {
    height: 1px;
    width: 100%;
    position: relative;
    background-color: #5e5e5e
}

.separator--vertical {
    height: 40px;
    width: 1px;
    background-color: #f3f0ed
}

.article-comments-button {
    margin-bottom: 44px
}

.article--category--banner {
    height: 271px
}

.article--category--margin-negative {
    margin-bottom: -32px
}

.ui-share-wrapper {
    height: 45px
}

.article--is-live {
    width: 16px;
    height: 16px;
    background-color: #e20714;
    display: inline-block;
    border-radius: 16px
}

.article--is-live--small {
    width: 12px;
    height: 12px;
    border-radius: 12px
}

.article-comments {
    padding: 24px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 200000;
    box-shadow: rgba(0, 0, 0, .25) 3px 0 12px 3px;
    transform: translateX(100%) translateX(12px);
    transition: transform .5s ease-in-out
}

@media (min-width:46rem) {
    .article-comments {
        width: 553px;
        padding: 24px 0 24px 24px
    }
}

.article-comments .article-comments--close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.article-comments .mCustomScrollBox {
    padding-right: 24px
}

.article-comments .mCSB_container {
    margin-right: 10px !important;
    padding-right: 0 !important
}

.ui-article__media,
.ui-page__video {
    width: 100%;
    position: relative
}

.ui-article__media.mb-small,
.ui-page__video.mb-small {
    margin-bottom: 16px
}

.ui-article__media.mb-big,
.ui-page__video.mb-big {
    margin-bottom: 44px
}

.ui-article__hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover
}

@media (min-width:46rem) {
    .ui-article__hero-image {
        width: 716px;
        height: 410px
    }
}

@media (min-width:61rem) {
    .ui-article__hero-image {
        width: 711px;
        height: 407px
    }
}

@media (min-width:71rem) {
    .ui-article__hero-image {
        width: 690px;
        height: 396px
    }
}

@media (min-width:81rem) {
    .ui-article__hero-image {
        width: 790px;
        height: 494px
    }
}

.ui-article__gallery--action,
.ui-article__hero-image--action {
    height: 40px;
    border-radius: 50%;
    background-color: rgba(40, 40, 40, .9);
    position: absolute
}

.ui-article__hero-image--action {
    top: 16px;
    right: 16px;
    width: 40px;
    opacity: 0;
    transition: opacity cubic-bezier(.175, .885, .32, 1.275) .35s
}

.ui-article__hero-image--action svg {
    width: 22px
}

.ui-article__gallery--action {
    bottom: 16px;
    left: 16px;
    width: 40px
}

.ui-article__gallery--action svg {
    width: 22px
}

.ui-article__hero-image--source {
    background-color: rgba(40, 40, 40, .9);
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 16px 6px 10px
}

.ui-article__hero-image--caption {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 8px;
    display: block
}

.ui-article__hero-video--play {
    background-color: rgba(40, 40, 40, .9);
    outline: 0;
    border: 0;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -32px;
    transition: background-color cubic-bezier(.215, .61, .355, 1) .35s;
    z-index: 1000
}

.ui-article__hero-video--play svg {
    width: 40px
}

.ui-article__hero-video--play:hover {
    cursor: pointer;
    background-color: #282828
}

.ui-article__media.has-gallery:hover {
    cursor: pointer
}

.ui-article__media.has-gallery:hover .ui-article__hero-image--action {
    opacity: 1
}

.ui-article-gallery__thumbs {
    background-color: rgba(0, 0, 0, .65);
    height: 74px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 100;
    display: none
}

.ui-article-gallery__thumb {
    width: 77px;
    height: 58px;
    margin-right: 10px;
    margin-top: 8px;
    border: 1px solid #5e5e5e;
    opacity: .75;
    transition: opacity cubic-bezier(.39, .575, .565, 1) .35s
}

.ui-article__headline>.ui-article__title,
.ui-article__title-wrap>.ui-article__subtitle {
    margin-top: 0
}

.ui-article--column .ui-article__indicator,
.ui-article--interview .ui-article__indicator {
    border-radius: 50%
}

.ui-article-gallery__thumb:last-of-type {
    margin-right: 0
}

@media (min-width:46rem) {
    .ui-article-gallery__thumbs {
        display: flex
    }

    .ui-article-gallery__thumb {
        margin-right: 12px
    }

    .ui-article-gallery__thumb:nth-last-of-type(9) {
        display: none
    }
}

@media (min-width:61rem) {
    .ui-article-gallery__thumb {
        margin-right: 11px
    }
}

@media (min-width:71rem) {
    .ui-article-gallery__thumb {
        margin-right: 8px
    }
}

@media (min-width:81rem) {
    .ui-article-gallery__thumb {
        margin-right: 10px
    }

    .ui-article-gallery__thumb:nth-last-of-type(9) {
        display: block
    }
}

.ui-article-gallery__thumb:hover {
    cursor: pointer;
    opacity: 1
}

.ui-article__headline {
    display: block;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400
}

.ui-article__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 6px;
    font-weight: 700
}

@media (min-width:46rem) {
    .ui-article__title {
        font-size: 2.625rem;
        line-height: 3.125rem;
        margin-bottom: 8px
    }
}

.ui-article__headline,
.ui-article__title-wrap {
    margin-bottom: 16px
}

.ui-article__subtitle {
    display: block;
    font-size: 1.25rem;
    line-height: 2.125rem;
    font-weight: 400
}

.ui-article__media-wrapp {
    margin-top: 24px
}

.ui-article-wrapper {
    padding: 32px 0 24px
}

.ui-article--regular {
    background-color: #f8f8f8
}

.ui-article--regular .ui-article__title {
    color: #282828
}

.ui-article--regular .ui-article__headline,
.ui-article--regular .ui-article__subtitle {
    color: #5e5e5e
}

.ui-article--column .ui-article__headline,
.ui-article--column .ui-article__hero-image--caption,
.ui-article--column .ui-article__subtitle,
.ui-article--column .ui-article__title,
.ui-article--interview .ui-article__headline,
.ui-article--interview .ui-article__hero-image--caption,
.ui-article--interview .ui-article__title,
.ui-article--video .ui-article__headline,
.ui-article--video .ui-article__hero-image--caption,
.ui-article--video .ui-article__subtitle,
.ui-article--video .ui-article__title {
    color: #fff
}

.ui-article--video {
    background-color: #282828
}

.ui-article--column {
    background-color: #5e5e5e
}

.ui-article--interview {
    background-color: #2994c5
}

.ui-article--interview .ui-article__subtitle {
    color: #dcdcdc
}

.ui-article--live {
    background-color: #781d22;
    padding-top: 0
}

.ui-article--live .ui-article__headline,
.ui-article--live .ui-article__hero-image--caption,
.ui-article--live .ui-article__subtitle,
.ui-article--live .ui-article__title {
    color: #fff
}

.ui-article__indicator {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -70px;
    background-color: transparent;
    border: 1px solid #fff;
    align-content: center;
    justify-content: center;
    top: 6px;
    display: none !important
}

.ui-article__meta--sticky .ui-article__meta--wrap,
.ui-indicator__live {
    background-color: #fff
}

@media (min-width:61rem) {
    .ui-article__indicator {
        display: flex !important
    }
}

.ui-article__indicator svg {
    width: 22px
}

.ui-indicator__live {
    width: 16px;
    height: 16px;
    border-radius: 16px
}

.ui-article-live {
    border-bottom: 1px solid #fff;
    min-height: 40px;
    line-height: 40px
}

.sticky-top {
    position: sticky;
    top: 0
}

.ui-article__separator {
    padding-top: 8px;
    padding-bottom: 8px
}

.ui-article__separator--dash {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    margin: 8px 0 16px
}

.ui-article__category {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500
}

.ui-article__side-meta,
.ui-article__time {
    font-size: .875rem;
    line-height: 1rem;
    color: #5e5e5e
}

.ui-article__meta {
    padding-top: 26px;
    flex-direction: column
}

@media (min-width:46rem) {
    .ui-article__meta {
        flex-direction: row
    }
}

.ui-article__meta.b-top {
    border-top: 1px solid #5e5e5e
}

@media all and (max-width:735px) {
    .ui-article__source-chunk {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

    .ui-article__source-chunk .ui-btn__open-comments {
        display: flex;
        justify-content: center
    }
}

.ui-article__side-meta {
    font-weight: 300
}

.ui-article__meta--hidden {
    display: none
}

.ui-article-meta-section .addthis {
    display: none !important
}

.at-icon-wrapper {
    border-radius: 21px !important
}

a.at-icon-wrapper {
    margin-right: 16px !important;
    width: 40px !important;
    height: 40px !important
}

.ui-article__meta--sticky {
    background-color: #fff;
    z-index: 1500 !important;
    box-shadow: 0 10px 30px 0 rgba(94, 94, 94, .2);
    padding-bottom: 8px;
    width: 100% !important
}

.ui-article__meta--sticky .addthis {
    display: flex !important
}

.ui-article__meta--sticky .ui-article__meta--hidden-wrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.ui-article__meta--sticky .ui-article__meta--hidden {
    display: none;
    width: 100%;
    flex-direction: column
}

@media (min-width:976px) {
    .ui-article__meta--sticky .ui-article__meta--hidden {
        display: flex
    }
}

.ui-article__meta--sticky .ui-article__meta--bottom-hidden {
    display: none
}

.ui-article__meta--sticky .ui-article__meta {
    padding-top: 16px;
    border-top: none
}

.ui-article__meta--sticky .ui-article__category {
    margin-top: 10px;
    margin-bottom: 4px
}

.ui-article__meta--sticky~.ui-article-body {
    padding: 0
}

@media (min-width:976px) {
    .ui-article__meta--sticky~.ui-article-body {
        padding-top: 120px
    }

    .ui-article__meta--sticky~.ui-article__latest-container .ui-article__latest-wrapper {
        top: -8px
    }
}

@media (min-width:1296px) {
    .ui-article__meta--sticky~.ui-article-body {
        padding-top: 240px
    }

    .ui-article__meta--sticky~.ui-article__latest-container .ui-article__latest-wrapper {
        top: 113px
    }
}

.body-sticky .ui-article__body--regular {
    margin-top: 20px
}

.ui-article-meta-mobile {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-content: center;
    justify-content: space-between
}

.ui-article__latest-container {
    padding: 10px;
    position: absolute;
    width: 304px;
    height: 400px;
    display: none
}

@media (min-width:61rem) {
    .ui-article-meta-mobile {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .ui-article__latest-container {
        display: block;
        width: 173px;
        right: calc((100vw - 925px)/ 2)
    }
}

@media (min-width:71rem) {
    .ui-article__latest-container {
        width: 263px;
        right: calc((100vw - 1110px)/ 2)
    }
}

@media (min-width:81rem) {
    .ui-article__latest-container {
        width: 304px;
        right: calc((100vw - 1272px)/ 2)
    }
}

.ui-article__latest-container .module-separator {
    margin: 0 0 10px
}

.ui-article__latest-container .module-separator h2 {
    font-size: 1.25rem;
    background-color: #f8f8f8
}

.ui-article__latest-list {
    padding: 16px;
    border: 1px solid #dcdcdc;
    border-top: none;
    background-color: #f8f8f8
}

.ui-article__latest-list .article-f {
    border-left: 0;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #dcdcdc
}

.ui-article__latest--item:last-of-type .article-f {
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 0
}

.ui-article__latest--item:first-of-type .article-f {
    padding-top: 0
}

.ui-article__latest--item h4 {
    font-weight: 300
}

.ui-article__latest-wrapper {
    position: absolute;
    top: -35px
}

@media (min-width:71rem) {
    .ui-article__latest-wrapper {
        width: 265px;
        z-index: 1000
    }
}

@media (min-width:81rem) {
    .ui-article__latest-wrapper {
        width: 304px
    }
}

.ui-article-body {
    padding: 0 10px;
    margin-top: 0;
    position: relative;
    hyphens: auto;
    z-index: 100;
    width: 23rem;
    min-height: 420px;
    display: inline-block
}

.ui-article-body ::selection {
    background-color: #e20714;
    color: #fff
}

.ui-article-body p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-bottom: 28px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative
}

@media (min-width:46rem) {
    .ui-article-body {
        margin-top: 10px;
        padding: 0;
        width: 100%
    }

    .ui-article-body p {
        width: 625px
    }
}

@media (min-width:61rem) {
    .ui-article-body {
        margin-top: 0;
        transition: margin cubic-bezier(.215, .61, .355, 1) .25s
    }

    .ui-article-body p {
        width: 589px
    }
}

@media (min-width:71rem) {
    .ui-article-body p {
        width: 548px
    }
}

@media (min-width:81rem) {
    .ui-article-body p {
        width: 628px
    }
}

.ui-article-body p:last-of-type {
    margin-bottom: 24px
}

.ui-article-body p a {
    color: #e20714;
    position: relative;
    display: inline-block
}

.ui-article-body h2,
.ui-article-body h3,
.ui-article-body h4,
.ui-article-body h5,
.ui-article-body h6,
.ui-article-body ol,
.ui-article-body ul {
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:46rem) {

    .ui-article-body h2,
    .ui-article-body h3,
    .ui-article-body h4,
    .ui-article-body h5,
    .ui-article-body h6,
    .ui-article-body ol,
    .ui-article-body ul {
        width: 625px
    }
}

@media (min-width:61rem) {

    .ui-article-body h2,
    .ui-article-body h3,
    .ui-article-body h4,
    .ui-article-body h5,
    .ui-article-body h6,
    .ui-article-body ol,
    .ui-article-body ul {
        width: 589px
    }
}

@media (min-width:71rem) {

    .ui-article-body h2,
    .ui-article-body h3,
    .ui-article-body h4,
    .ui-article-body h5,
    .ui-article-body h6,
    .ui-article-body ol,
    .ui-article-body ul {
        width: 548px
    }
}

@media (min-width:81rem) {

    .ui-article-body h2,
    .ui-article-body h3,
    .ui-article-body h4,
    .ui-article-body h5,
    .ui-article-body h6,
    .ui-article-body ol,
    .ui-article-body ul {
        width: 628px
    }
}

.ui-article-body h2 {
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2.5rem
}

@media (min-width:46rem) {
    .ui-article-body h2 {
        font-size: 1.875rem
    }
}

.ui-article-body h3 {
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 2.25rem
}

@media (min-width:46rem) {
    .ui-article-body h3 {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
}

.ui-article-body h4 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.75rem
}

@media (min-width:46rem) {
    .ui-article-body h4 {
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

.ui-article-body h5 {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.75rem
}

@media (min-width:46rem) {
    .ui-article-body h5 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.ui-article-body h6 {
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.ui-article-body hr {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 24px
}

@media (min-width:46rem) {
    .ui-article-body h6 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .ui-article-body hr {
        width: 625px
    }
}

@media (min-width:61rem) {
    .ui-article-body hr {
        width: 589px
    }
}

@media (min-width:71rem) {
    .ui-article-body hr {
        width: 548px
    }
}

@media (min-width:81rem) {
    .ui-article-body hr {
        width: 628px
    }
}

.ui-article-body ol,
.ui-article-body ul {
    padding-left: 3rem;
    margin-bottom: 30px
}

.ui-article-body ol li,
.ui-article-body ul li {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem
}

.ui-article-body ol ol,
.ui-article-body ol ul,
.ui-article-body ul ol,
.ui-article-body ul ul {
    width: 100%;
    margin-top: 1rem
}

.ui-article-body blockquote {
    float: left;
    width: 100%;
    background-color: #5e5e5e;
    color: #fff;
    padding: 12px 12px 24px;
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 40px
}

@media (min-width:46rem) {
    .ui-article-body blockquote {
        float: left;
        width: 228px;
        margin: 0 20px 20px calc((100vw - 515px)/ 2 - 108px)
    }
}

@media (min-width:61rem) {
    .ui-article-body blockquote {
        margin: 0 20px 20px calc((100vw - 628px)/ 2 - 108px)
    }
}

.ui-article-body blockquote:before {
    content: '\201c';
    position: relative;
    font-size: 42px;
    font-family: Merriweather, serif;
    font-weight: 700;
    float: left;
    line-height: 0;
    margin: 24px 10px 0 0
}

.ui-article-body .fr-inner,
.ui-article-body table {
    font-family: Rubik, sans-serif
}

.ui-article-body blockquote:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 30px 0;
    border-color: transparent #282828 transparent transparent;
    line-height: 0;
    bottom: -30px;
    left: 0
}

.ui-article-body blockquote p {
    margin: 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    font-size: 1rem;
    line-height: 1.5rem
}

.ui-article-body blockquote p:last-of-type {
    margin-bottom: 0
}

.ui-article-body table {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    margin-bottom: 30px
}

.ui-article-body table img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:628px) {

    .ui-article-body table,
    .ui-article-body table img {
        width: 628px !important
    }
}

.ui-article-body table thead {
    color: #282828
}

.ui-article-body table td,
.ui-article-body table th {
    border: 1px solid #dcdcdc;
    padding: 5px;
    font-size: 14px;
    font-weight: 300
}

.ui-article-body table th {
    color: #282828;
    font-weight: 500;
    padding: 5px
}

.ui-article-body figure {
    margin: 30px auto;
    position: relative;
    width: 100% !important
}

.ui-article-body figure img {
    display: block;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin: 0 auto
}

.ui-article-body img {
    width: 100%;
    margin: 0 auto 28px;
    display: block
}

@media (min-width:46rem) {
    .ui-article-body img {
        width: 628px
    }
}

.ui-article-body .fr-deletable {
    display: block;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:46rem) {
    .ui-article-body .fr-deletable {
        width: 625px
    }
}

@media (min-width:61rem) {
    .ui-article-body .fr-deletable {
        width: 589px
    }
}

@media (min-width:71rem) {
    .ui-article-body .fr-deletable {
        width: 548px
    }
}

@media (min-width:81rem) {
    .ui-article-body .fr-deletable {
        width: 628px
    }
}

.ui-article-body .fr-video {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    position: relative;
    text-align: center
}

@media (min-width:46rem) {
    .ui-article-body .fr-video {
        width: 625px
    }
}

@media (min-width:61rem) {
    .ui-article-body .fr-video {
        width: 589px
    }
}

@media (min-width:71rem) {
    .ui-article-body .fr-video {
        width: 548px
    }
}

@media (min-width:81rem) {
    .ui-article-body .fr-video {
        width: 628px
    }
}

.ui-article-body .fr-video~br {
    display: none
}

.ui-article-body .fr-inner {
    font-size: 14px;
    padding: 10px 0 0;
    color: #5e5e5e;
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    text-align: left
}

.ui-article-body .fr-img-wrap {
    position: relative
}

.ui-article-body .fr-img-wrap img {
    margin-bottom: 0
}

.ui-article-body .fr-class-highlighted {
    background-color: #f3f2f1;
    border-top: 2px solid #a7a7a7;
    border-bottom: 2px solid #a7a7a7;
    display: block;
    padding: 20px 18px 24px;
    font-size: 1.375rem;
    line-height: 2rem
}

@media (min-width:46rem) {
    .ui-article-body .fr-class-highlighted {
        padding: 20px 32px 32px
    }
}

.ui-article-body iframe {
    margin: 0 auto 28px !important;
    display: block !important;
    width: 100%;
    max-width: 100%
}

@media all and (max-width:415px) {
    .ui-article-body {
        width: 90%;
        max-width: 90%;
        padding-left: 0;
        padding-right: 0;
        display: block
    }
}

@media all and (min-width:415px) and (max-width:736px) {
    .ui-article-body {
        width: 23rem;
        max-width: 23rem;
        display: block
    }
}

@media all and (max-width:976px) {
    .menu-container:after {
        display: none
    }
}

.has-drop-cap>p:first-of-type:first-letter {
    font-size: 5rem;
    font-weight: 700;
    float: left;
    line-height: 1.05;
    padding-right: 8px
}

.ui-article-image__small,
.ui-article-image__small.fr-img-caption {
    width: 100% !important;
    display: block;
    margin: 0 auto 32px !important
}

@media (min-width:736px) {
    .ui-article-image__small.fr-img-caption {
        width: 736px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__small.fr-img-caption {
        width: 790px !important
    }
}

@media (min-width:736px) {
    .ui-article-image__small {
        width: 736px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__small {
        width: 790px !important
    }
}

.ui-article-image__medium,
.ui-article-image__medium.fr-img-caption {
    width: 100% !important;
    display: block;
    margin: 0 auto 32px !important
}

@media (min-width:736px) {
    .ui-article-image__medium.fr-img-caption {
        width: 625px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__medium.fr-img-caption {
        width: 960px !important
    }
}

@media (min-width:1276px) {
    .ui-article-image__medium.fr-img-caption {
        width: 1276px !important
    }
}

@media (min-width:736px) {
    .ui-article-image__medium {
        width: 625px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__medium {
        width: 960px !important
    }
}

@media (min-width:1276px) {
    .ui-article-image__medium {
        width: 1276px !important
    }
}

.ui-article-image__large,
.ui-article-image__large.fr-img-caption {
    width: 100% !important;
    display: block;
    margin: 0 auto 32px !important
}

@media (min-width:736px) {
    .ui-article-image__large.fr-img-caption {
        width: 625px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__large.fr-img-caption {
        width: 960px !important
    }
}

@media (min-width:1276px) {
    .ui-article-image__large.fr-img-caption {
        width: 1276px !important
    }
}

@media (min-width:1600px) {
    .ui-article-image__large.fr-img-caption {
        width: 1600px !important
    }
}

@media (min-width:736px) {
    .ui-article-image__large {
        width: 625px !important
    }
}

@media (min-width:976px) {
    .ui-article-image__large {
        width: 960px !important
    }
}

@media (min-width:1276px) {
    .ui-article-image__large {
        width: 1276px !important
    }
}

@media (min-width:1600px) {
    .ui-article-image__large {
        width: 1600px !important
    }
}

.fr-img-caption img {
    width: 100% !important
}

.ui-article__body--interview blockquote {
    background-color: #2994c5
}

.ui-article__body--video blockquote {
    background-color: #5e5e5e
}

.ui-article__related h3 {
    background-color: #f8f8f8 !important
}

.ui-inline-banner {
    background-color: #f3f2f1;
    margin-bottom: 30px;
    padding: 50px 0 32px;
    text-align: center;
    position: relative
}

.ui-inline-banner--top {
    margin-bottom: 0
}

.ui-inline-banner--top:before {
    display: none
}

.ui-inline-banner--bottom {
    margin-bottom: 60px
}

.ui-inline-banner--bottom:before {
    display: block
}

.ui-inline-banner>div {
    margin: 0 auto
}

.ui-article-tooltip {
    display: none;
    background-color: #fff;
    border: 1px solid rgba(94, 94, 94, .2);
    width: 628px;
    max-height: 250px;
    z-index: 10000;
    padding: 12px;
    box-shadow: 0 10px 30px 0 rgba(94, 94, 94, .2);
    position: absolute;
    bottom: 130%;
    left: -150px
}

@media (min-width:71rem) {
    .ui-article-tooltip {
        display: block
    }
}

.ui-article-tooltip:after,
.ui-article-tooltip:before {
    top: 100%;
    left: 160px;
    border: 1px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ui-article-tooltip:after {
    border-color: rgba(94, 94, 94, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.ui-article-tooltip:before {
    border-color: rgba(94, 94, 94, 0);
    border-top-color: #fff;
    border-width: 12px;
    margin-left: -12px
}

.ui-article-tooltip--content {
    width: 100%;
    flex-direction: row;
    color: #5e5e5e;
    display: flex
}

.ui-article-tooltip--content img {
    width: 130px;
    height: 90px;
    margin-right: 10px
}

.ui-article-tooltip--content .headline {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.ui-article-tooltip--content .title {
    font-size: 22px;
    line-height: 28px;
    color: #282828;
    margin-bottom: 12px
}

.ui-article-tooltip--content .desc {
    font-size: 18px;
    line-height: 22px
}

.instagram-media {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 40px !important
}

@media (min-width:46rem) {
    .instagram-media {
        margin-left: 0 !important;
        width: 100% !important
    }

    .iframe-ig-responsive,
    .iframe-responsive {
        height: 0
    }
}

@media (min-width:71rem) {
    .instagram-media {
        margin-left: 47px !important;
        width: calc(100% - 47px) !important
    }
}

@media (min-width:81rem) {
    .instagram-media {
        margin-left: 54px !important;
        width: calc(100% - 54px) !important
    }
}

.embed iframe {
    margin-left: 0 !important
}

.embedly-card iframe {
    visibility: visible !important
}

.open-comment-modal .ui-main-menu-wrapp,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.iframe-ig-responsive,
.iframe-responsive {
    position: relative;
    overflow: hidden;
    display: block
}

.iframe-ig-responsive iframe,
.iframe-responsive iframe {
    border: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin-bottom: 0 !important
}

.instagram-media {
    position: relative !important
}

iframe+br {
    display: none
}

.yt-wrapper-element {
    position: relative;
    padding-bottom: 56.25%
}

.yt-wrapper-element iframe[src*=youtube] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.pdf-embed {
    position: relative
}

.pdf-embed iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    border: none
}

.embed-responsive {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:46rem) {
    .embed-responsive {
        width: 625px
    }
}

@media (min-width:61rem) {
    .tooltip-overflow .ui-article__body--regular {
        z-index: 1000
    }

    .embed-responsive {
        width: 589px
    }
}

@media (min-width:71rem) {
    .embed-responsive {
        width: 548px
    }
}

@media (min-width:81rem) {
    .embed-responsive {
        width: 628px
    }
}

.ui-article-body .iframe-responsive-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    height: 0 !important;
    width: 100%
}

.ui-article-body .iframe-responsive-wrap iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin-bottom: 0 !important
}

blockquote.twitter-tweet {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ccd6dd;
    width: auto;
    color: #14171a;
    font-size: 19px;
    font-style: normal;
    margin: 0 auto 24px
}

blockquote.twitter-tweet a,
blockquote.twitter-tweet p {
    color: #14171a !important;
    font-size: 19px !important;
    font-style: normal
}

blockquote.instagram-media,
blockquote.tiktok-embed {
    background: #fff !important;
    width: auto;
    color: #14171a;
    font-size: 19px;
    font-style: normal
}

blockquote.twitter-tweet:after,
blockquote.twitter-tweet:before {
    display: none
}

blockquote.instagram-media {
    border-radius: 8px;
    border: 1px solid #ccd6dd;
    display: block;
    max-width: 100% !important
}

blockquote.instagram-media:after,
blockquote.instagram-media:before {
    display: none
}

blockquote.tiktok-embed {
    border-radius: 8px;
    border: 1px solid #ccd6dd;
    display: block;
    float: none
}

blockquote.tiktok-embed:after,
blockquote.tiktok-embed:before {
    display: none
}

.ui-live__item {
    border-top: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 8px 20px 8px 12px;
    margin: 24px auto;
    display: flex;
    flex-direction: column
}

.ui-live__item .ui-live__item-content,
.ui-live__item .ui-live__item-time,
.ui-live__item .ui-live__item-title {
    color: #282828
}

.ui-live__item.highlighted {
    border-top: 1px solid #e20714;
    background-color: #781d22
}

.ui-live__item.highlighted .ui-live__item-content,
.ui-live__item.highlighted .ui-live__item-time,
.ui-live__item.highlighted .ui-live__item-title {
    color: #fff
}

.ui-live__item.active {
    background-color: #f3f0ed;
    border-top: 1px solid #781d22
}

.ui-live__item.active .ui-live__item-content,
.ui-live__item.active .ui-live__item-time,
.ui-live__item.active .ui-live__item-title {
    color: #282828
}

@media (min-width:61rem) {
    .ui-live__item {
        flex-direction: row;
        width: 589px
    }
}

@media (min-width:71rem) {
    .ui-live__item {
        width: 548px
    }
}

@media (min-width:81rem) {
    .ui-live__item {
        width: 628px
    }
}

.ui-live__item .cms-embed,
.ui-live__item .fr-deletable,
.ui-live__item img {
    width: 100% !important
}

.ui-live__item-time {
    min-width: 80px;
    flex-grow: 0
}

.ui-live__item-content {
    flex-grow: 1;
    padding: 8px 0
}

.ui-live__item-content p {
    width: 100% !important;
    margin: 0 0 24px !important
}

.ui-live__item-content img {
    width: 100%
}

.ui-live__item-content .fr-embedly {
    width: 100% !important;
    height: 100%;
    margin-right: 0 !important;
    margin-bottom: 32px !important
}

.ui-live__item-content .embedly-card-hug,
.ui-live__item-content .fr-video,
.ui-live__item-content iframe {
    width: 100%
}

.ui-live__item-data .embed-responsive,
.ui-live__item-data .fb-post,
.ui-live__item-data .fb_iframe_widget,
.ui-live__item-data iframe {
    width: 100% !important
}

.ui-live__item-title {
    font-size: 1.125rem;
    line-height: 1.875rem
}

.ui-live__feed {
    position: absolute;
    width: 304px;
    padding: 20px 8px 30px;
    height: auto;
    max-height: calc(100vh - 165px);
    z-index: 110;
    display: block;
    border-top: 2px solid #781d22;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    overflow: hidden
}

.ui-live__feed .data-container {
    max-height: calc(100vh - 205px);
    height: 100%;
    padding-right: 0 !important
}

.ui-live__feed .data-container.big {
    height: calc(100vh - 300px)
}

.ui-live__feed .data-container.small {
    height: 200px
}

@media (min-width:61rem) {
    .ui-live__feed {
        margin-top: 42px;
        display: block;
        width: 162px;
        left: calc((100vw - 969px)/ 2)
    }
}

@media (min-width:71rem) {
    .ui-live__feed {
        width: 263px;
        left: calc((100vw - 1130px)/ 2)
    }
}

@media (min-width:81rem) {
    .ui-live__feed {
        width: 304px;
        left: calc((100vw - 1292px)/ 2)
    }
}

.ui-live__feed .module-separator {
    margin: 0 0 10px
}

.ui-live__feed .module-separator h2 {
    font-size: 1.25rem;
    background-color: #f8f8f8
}

.ui-live__feed-item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row
}

.ui-live__feed-bullet {
    position: relative;
    height: 100%;
    margin-right: 30px
}

.ui-live__feed-bullet:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #dcdcdc
}

.ui-live__feed-bullet--bottom,
.ui-live__feed-bullet--top {
    position: absolute;
    left: 0;
    width: 17px;
    background-color: #dcdcdc
}

.ui-live__feed-bullet--top {
    height: 17px;
    border-radius: 17px;
    top: 0
}

.ui-live__feed-bullet--bottom {
    bottom: 0;
    height: 1px
}

.ui-live__feed-bullet--bottom.top {
    top: 0;
    bottom: auto
}

.ui-live__feed-content {
    display: flex;
    width: 100%;
    position: relative
}

.ui-live__feed-data {
    padding-bottom: 24px;
    min-height: 60px
}

.ui-live__feed-data.first {
    padding-bottom: 6px
}

.ui-live__feed-data-title {
    font-size: .875rem;
    line-height: 1.125rem
}

.ui-live__feed-content:hover {
    cursor: pointer;
    color: #e20714
}

.ui-live__feed-content:hover .ui-live__feed-bullet--top {
    background-color: #781d22
}

.ui-live__feed-content.selected:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 26px;
    top: -10px;
    z-index: 10;
    background-color: #f3f0ed
}

.ui-live__feed-content.selected .ui-live__feed-data {
    z-index: 100
}

.ui-live__feed-content.selected .ui-live__feed-bullet--top {
    background-color: #282828
}

.mCSB_container {
    left: 0 !important;
    width: 100% !important
}

.ui-feed-xs .ui-live__feed {
    position: relative;
    width: 100%
}

.ui-feed-xs .ui-live__feed .data-container {
    height: 100% !important;
    max-height: 100% !important
}

.ui-feed-xs--sticky {
    width: 100% !important;
    left: 0 !important;
    background-color: #fff;
    z-index: 2000 !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ui-feed-xs--sticky .ui-live__feed {
    height: calc(100vh - 100px) !important;
    overflow: auto
}

@media (min-width:415px) {

    .ui-feed-xs .ui-live__feed,
    .ui-feed-xs .ui-live__feed .data-container {
        height: 100% !important;
        max-height: 100% !important
    }

    .ui-feed-xs .ui-live__feed {
        position: relative;
        width: 100%
    }
}

.ui-feed-xs .ui-article-body {
    padding: 0
}

.ui-feed-xs-trigger {
    background-color: #fff;
    border-top: 2px solid #781d22;
    height: 60px;
    display: block;
    font-size: 1rem;
    line-height: 1.125rem;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500
}

.ui-feed-xs-trigger:hover {
    cursor: pointer
}

.ui-feed-xs-ico {
    transform: rotate(180deg);
    transition: all cubic-bezier(.175, .885, .32, 1.275) .35s
}

.ui-feed-xs-ico.rot {
    transform: rotate(0);
    transform-origin: 50% 50%
}

.sticky-mobile {
    width: 100% !important;
    z-index: 200 !important
}

.article-slider--navigation {
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    height: 4px;
    top: 20px;
    background-color: rgba(40, 40, 40, .5);
    z-index: 100;
    display: flex
}

@media (min-width:46rem) {
    .article-slider--navigation {
        width: calc(100% - 20px);
        top: 16px;
        left: 10px;
        right: 10px
    }
}

@media (min-width:61rem) {
    .article-slider--navigation {
        width: calc(100% - 52px);
        top: 16px;
        left: 26px;
        right: 26px;
        height: 30px
    }
}

.article-slider--navigation-item {
    font-size: .875rem;
    line-height: 1.25rem;
    height: 4px;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-basis: 25%;
    text-decoration: none
}

@media (min-width:71rem) {
    .article-slider--navigation {
        width: calc(100% - 52px);
        left: 26px;
        right: 26px
    }

    .article-slider--navigation-item {
        font-size: 1rem
    }
}

.article-slider--navigation-item span {
    display: none
}

@media (min-width:61rem) {
    .article-slider--navigation-item {
        height: 30px
    }

    .article-slider--navigation-item span {
        display: flex
    }
}

.article-slider .article--category,
.module-first .module-m-separator {
    display: none
}

.article-slider--navigation-item.active {
    cursor: pointer;
    background-color: #e20714;
    color: #fff;
    text-decoration: none !important
}

.article-slider--navigation-item:hover {
    cursor: pointer;
    background-color: rgba(226, 7, 20, .85);
    color: #fff;
    text-decoration: none !important
}

.article--category {
    background-color: #e20714;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    height: 28px;
    padding: 4px 16px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400
}

.article--link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.article--link:focus {
    outline: 0
}

.article--link:hover~.article-a--wrapper .article-a--title {
    color: #e20714;
    text-decoration: none
}

.article-slider {
    background-color: #f3f0ed;
    padding: 16px;
    margin-bottom: 16px
}

.article-slider .article-a {
    padding: 0
}

.hp-slick-nav {
    position: absolute;
    background-color: rgba(40, 40, 40, .4);
    z-index: 150;
    top: 104px;
    height: 56px;
    width: 56px
}

@media (min-width:46rem) {
    .hp-slick-nav {
        top: 136px
    }

    .hp-slick-nav--prev {
        left: 10px
    }
}

@media (min-width:61rem) {
    .hp-slick-nav {
        top: 130px;
        width: 72px;
        height: 72px
    }
}

@media (min-width:71rem) {
    .hp-slick-nav {
        top: 155px
    }
}

@media (min-width:81rem) {
    .hp-slick-nav {
        top: 175px
    }
}

.hp-slick-nav svg {
    width: 24px
}

.hp-slick-nav svg path {
    fill: rgba(255, 255, 255, .7)
}

.hp-slick-nav--prev {
    left: 10px
}

.hp-slick-nav--next {
    right: 10px
}

@media (min-width:46rem) {
    .hp-slick-nav--next {
        right: 10px
    }
}

@media (min-width:61rem) {
    .hp-slick-nav--prev {
        left: 26px
    }

    .hp-slick-nav--next {
        right: 26px
    }
}

@media (min-width:71rem) {
    .hp-slick-nav--prev {
        left: 26px
    }

    .hp-slick-nav--next {
        right: 26px
    }
}

.hp-slick-nav:hover {
    background-color: rgba(40, 40, 40, .6);
    cursor: pointer
}

.hp-slick-nav:hover path {
    fill: #fff
}

.hp-slick-nav.slick-disabled {
    cursor: default;
    background-color: rgba(40, 40, 40, .4)
}

.ui-article--link:hover,
.ui-article__tab:hover,
.ui-comment__btn--like:active,
.ui-comment__btn--like:hover {
    cursor: pointer
}

.hp-slick-nav.slick-disabled path {
    fill: rgba(255, 255, 255, .4)
}

.article-slider-cat__xs {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 24px;
    position: absolute;
    left: 10px;
    padding: 10px 0;
    top: -22px
}

.module-separator,
.module-separator .dash {
    position: relative;
    width: 100%
}

.module-separator {
    padding: 20px 0;
    margin: 8px 0
}

.module-separator.has-title {
    margin: 26px 0
}

.module-separator .dash:after,
.module-separator .dash:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #dcdcdc
}

.module-separator .dash:before {
    top: -3px
}

.module-separator .dash:after {
    bottom: -3px
}

.module-separator .title,
.module-separator h2 {
    background-color: #f8f8f8;
    font-size: 1.875rem;
    line-height: 2rem;
    padding: .25rem 1rem .25rem 0;
    position: absolute;
    top: 0;
    height: 40px;
    font-weight: 500;
    color: #37528c
}

.module-m-top-fix {
    margin-top: 0
}

.module-first .module-m-top-fix {
    margin-top: 24px
}

.module-brd {
    border: 1px solid #dcdcdc
}

.article-g--image img,
.article-g--image:after {
    border-radius: 56px;
    width: 56px;
    height: 56px
}

@media all and (max-width:415px) {
    .article-slider {
        padding: 0;
        margin-top: 20px
    }

    .article-a,
    .article-b,
    .article-c,
    .article-d,
    .article-e,
    .module-brd {
        margin-bottom: 16px
    }

    .module-brd .article-b,
    .module-brd .article-c {
        margin-bottom: 0
    }
}

@media all and (max-width:736px) {
    .article-slider {
        padding: 0;
        margin-top: 20px
    }

    .module-a-feed-wrap {
        overflow: auto;
        display: block !important
    }

    .module-a-feed {
        display: block;
        width: 1100px
    }

    .module-a-feed .article-f {
        width: 275px;
        float: left;
        display: inline-block
    }
}

.ad__modal,
.open-ad-modal,
.open-comment-modal,
.slick-list {
    overflow: hidden
}

@media all and (max-width:976px) {
    .article-slider {
        padding: 0;
        margin-top: 20px
    }

    .module-brd {
        margin-bottom: 16px
    }
}

.module-a-feed {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    padding-bottom: 10px
}

@media (min-width:736px) {
    .module-a-feed {
        padding-bottom: 0
    }
}

.module-a-feed .article-f:first-of-type {
    border-left: none;
    padding-left: 0;
    width: 235px
}

.article-a,
.article-a--img {
    width: 100%;
    background-color: inherit
}

.article-a {
    min-height: 550px
}

@media (min-width:46rem) {

    .module-separator .title,
    .module-separator h2 {
        font-size: 2rem
    }

    .module-a-feed .article-f:first-of-type {
        padding-left: 16px;
        width: 100%
    }

    .article-a {
        max-height: 580px
    }
}

@media (min-width:61rem) {
    .article-a {
        max-height: 654px;
        padding: 16px
    }
}

.article-a--img {
    position: relative;
    height: 245px;
    margin-bottom: 8px
}

@media (min-width:46rem) {
    .article-a--img {
        height: 250px;
        height: 312px;
        margin-bottom: 6px
    }
}

@media (min-width:71rem) {
    .article-a {
        max-height: 680px
    }

    .article-a--img {
        height: 370px;
        margin-bottom: 24px
    }
}

@media (min-width:81rem) {
    .article-a {
        max-height: 706px
    }

    .article-a--img {
        height: 425px
    }
}

.article-a--img img {
    display: block;
    width: 350px;
    height: 245px
}

@media (min-width:46rem) {
    .article-a--img img {
        width: 100%;
        height: 312px
    }
}

@media (min-width:61rem) {
    .article-a--img img {
        width: 438px;
        height: 312px
    }
}

@media (min-width:71rem) {
    .article-a--img img {
        width: 516px;
        height: 370px
    }
}

@media (min-width:81rem) {
    .article-a--img img {
        width: 596px;
        height: 425px
    }
}

.article-a--video {
    background-color: #282828;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width:46rem) {
    .article-a--video {
        width: 56px;
        height: 56px
    }
}

.article-b,
.article-b--img {
    width: 100%;
    background-color: inherit
}

.article-a--wrapper {
    padding: 0 16px 16px
}

.article-a--top-title {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 8px
}

@media (min-width:46rem) {
    .article-a--top-title {
        margin-bottom: 6px
    }

    .article-b {
        min-height: 217px
    }
}

@media (min-width:71rem) {
    .article-a--top-title {
        margin-bottom: 10px
    }
}

@media (min-width:81rem) {
    .article-a--top-title {
        margin-bottom: 10px
    }
}

.article-a--title {
    color: #282828;
    text-decoration: none;
    display: block;
    margin-top: 0;
    font-size: 1.625rem;
    line-height: 2rem
}

@media (min-width:61rem) {
    .article-a--wrapper {
        padding: 0
    }

    .article-a--title {
        font-size: 1.5rem;
        margin-bottom: 8px
    }
}

@media (min-width:81rem) {
    .article-a--title {
        font-size: 1.875rem;
        line-height: 2.375rem
    }
}

.article-a--description {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #5e5e5e;
    display: inline-block;
    margin-top: 0
}

.article-b {
    max-height: auto;
    height: 100%;
    padding: 16px
}

@media (min-width:61rem) {
    .article-a--description {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .article-b {
        min-height: 246px
    }
}

.article-b--img {
    position: relative;
    height: 232px
}

@media (min-width:46rem) {
    .article-b--img {
        height: 134px
    }
}

@media (min-width:71rem) {
    .article-b {
        min-height: 286px
    }

    .article-b--img {
        height: 162px
    }
}

@media (min-width:81rem) {
    .article-b {
        min-height: 324px
    }

    .article-b--img {
        height: 190px
    }
}

.article-b--img img {
    display: block;
    width: 319px;
    height: 232px
}

@media (min-width:46rem) {
    .article-b--img img {
        width: 272px;
        height: 134px
    }
}

@media (min-width:61rem) {
    .article-b--img img {
        width: 192px
    }
}

@media (min-width:71rem) {
    .article-b--img img {
        width: 232px;
        height: 162px
    }
}

@media (min-width:81rem) {
    .article-b--img img {
        width: 272px;
        height: 190px
    }
}

.article-b--category {
    font-size: 1rem;
    line-height: 1.25rem;
    height: 28px;
    padding: 4px 16px;
    position: absolute;
    top: 0;
    left: 0
}

.article-b--video {
    background-color: #282828;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-b--meta {
    background-color: inherit;
    height: 24px;
    padding: 2px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    line-height: 1.375rem;
    width: 118px;
    display: flex
}

.article-b--meta svg {
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.article-c,
.article-c--img {
    width: 100%;
    background-color: inherit
}

.article-b--meta__separator {
    margin: 0 6px
}

.article-b--title {
    font-size: 1.375rem;
    line-height: 1.75rem;
    color: #282828;
    text-decoration: none;
    display: block;
    margin-top: 12px
}

@media (min-width:46rem) {
    .article-b--title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 8px
    }
}

@media (min-width:61rem) {
    .article-b--title {
        margin-top: 6px
    }
}

@media (min-width:71rem) {
    .article-b--title {
        margin-top: 16px
    }
}

@media (min-width:81rem) {
    .article-b--title {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.article-b--description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #5e5e5e;
    display: inline-block;
    margin-top: 6px
}

@media (min-width:46rem) {
    .article-b--description {
        max-height: 280px;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .article-c {
        min-height: 310px
    }
}

@media (min-width:61rem) {
    .article-b--description {
        max-height: 278px
    }
}

@media (min-width:71rem) {
    .article-b--description {
        max-height: 314px;
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width:81rem) {
    .article-b--description {
        max-height: 360px
    }
}

.article--link:hover~.article-b--title {
    color: #e20714;
    text-decoration: none
}

.article-c {
    max-height: 410px;
    height: auto;
    padding: 16px
}

.article-c--img {
    position: relative;
    height: 232px
}

@media (min-width:46rem) {
    .article-c--img {
        height: 134px
    }
}

@media (min-width:61rem) {
    .article-c {
        min-height: 304px
    }

    .article-c--img {
        height: 138px
    }
}

@media (min-width:71rem) {
    .article-c {
        min-height: 350px
    }

    .article-c--img {
        height: 162px
    }
}

@media (min-width:81rem) {
    .article-c {
        min-height: 381px
    }

    .article-c--img {
        height: 190px
    }
}

.article-c--img img {
    display: block;
    width: 319px;
    height: 232px
}

@media (min-width:46rem) {
    .article-c--img img {
        width: 272px;
        height: 134px
    }
}

@media (min-width:61rem) {
    .article-c--img img {
        width: 192px;
        height: 138px
    }
}

@media (min-width:71rem) {
    .article-c--img img {
        width: 232px;
        height: 162px
    }
}

@media (min-width:81rem) {
    .article-c--img img {
        width: 272px;
        height: 190px
    }
}

.article-c--category {
    font-size: 1rem;
    line-height: 1.25rem;
    height: 28px;
    padding: 4px 16px;
    position: absolute;
    top: 0;
    left: 0
}

.article-c--video {
    background-color: #282828;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-c--meta,
.article-d,
.article-d--img {
    background-color: inherit
}

.article-c--meta {
    height: 24px;
    padding: 2px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    line-height: 1.375rem;
    width: 118px;
    display: flex
}

.article-c--meta svg {
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.article-c--meta__separator {
    margin: 0 6px
}

.article-c--title {
    font-size: 1.375rem;
    line-height: 1.75rem;
    color: #282828;
    text-decoration: none;
    display: block;
    margin-top: 12px
}

@media (min-width:46rem) {
    .article-c--title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 8px
    }
}

@media (min-width:61rem) {
    .article-c--title {
        margin-top: 6px
    }
}

@media (min-width:71rem) {
    .article-c--title {
        margin-top: 16px
    }
}

@media (min-width:81rem) {
    .article-c--title {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.article-c--description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #5e5e5e;
    display: inline-block;
    margin-top: 6px
}

.article--link:hover~.article-c--title {
    color: #e20714;
    text-decoration: none
}

.article-d {
    width: 100%;
    min-height: auto
}

@media (min-width:46rem) {
    .article-c--description {
        max-height: 280px;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .article-d {
        min-height: 178px
    }
}

@media (min-width:61rem) {
    .article-c--description {
        max-height: 278px
    }

    .article-d {
        min-height: 154px
    }
}

@media (min-width:71rem) {
    .article-c--description {
        max-height: 314px;
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .article-d {
        min-height: 158px
    }

    .article-d--top-title {
        margin-bottom: 8px
    }
}

.article-d--img {
    position: relative
}

.article-d--img img {
    display: block;
    width: 98px;
    height: 68px
}

@media (min-width:736px) {
    .article-d--img img {
        width: 130px;
        height: 90px
    }
}

.article-d--video {
    background-color: #282828;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-d--top-title {
    font-size: 1rem;
    line-height: 1.375rem;
    color: inherit
}

.article-d--title {
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-decoration: none;
    color: currentColor
}

@media (min-width:46rem) {
    .article-d--title {
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}

@media (min-width:61rem) {
    .article-d--title {
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

@media (min-width:81rem) {
    .article-c--description {
        max-height: 360px
    }

    .article-d--title {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.article-d--description {
    font-size: 1rem;
    line-height: 1.375rem;
    color: currentColor
}

.article-d:last-of-type {
    border-bottom: none
}

.article-d,
.article-e {
    border-bottom: 1px solid #dcdcdc
}

.article-d {
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative
}

.article-d--img {
    display: inline-block;
    float: left;
    clear: both;
    width: 96px
}

@media (min-width:736px) {
    .article-d--img {
        width: 130px;
        float: left;
        clear: both
    }
}

.article-d--img .article-a--video {
    width: 36px;
    height: 36px
}

.article-d--top-title {
    display: block;
    margin-top: 0;
    margin-bottom: 4px
}

.article-d--title {
    display: block;
    margin-top: 0;
    margin-bottom: 8px
}

@media (min-width:976px) {
    .article-d--img {
        position: absolute;
        top: 0
    }

    .article-d--title,
    .article-d--top-title {
        display: block;
        padding-left: 140px
    }
}

.article-d--description {
    display: inline-block;
    width: calc(100% - 104px);
    padding-left: 8px;
    margin-top: 0
}

@media (min-width:480px) {
    .article-d--description {
        width: calc(100% - 140px);
        padding-left: 10px
    }
}

@media (min-width:976px) {
    .article-d--description {
        display: block;
        width: 100%;
        padding-left: 140px
    }
}

.article--link:hover~.article-d--title {
    color: #e20714;
    text-decoration: none
}

.article-e {
    width: 100%;
    padding: 9px 16px;
    min-height: auto
}

@media (min-width:46rem) {
    .article-e {
        min-height: 112px
    }
}

@media (min-width:61rem) {
    .article-e {
        min-height: 106px
    }
}

@media (min-width:71rem) {
    .article-d--description {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .article-e {
        min-height: 124px
    }
}

@media (min-width:81rem) {
    .article-e {
        min-height: 110px
    }
}

.article-e--title {
    font-size: 1.125rem;
    line-height: 28px;
    color: #282828;
    text-decoration: none;
    display: block
}

@media (min-width:46rem) {
    .article-e--title {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:71rem) {
    .article-e--title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.article-e--category {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #e20714;
    margin-bottom: 2px
}

.article-e:last-of-type {
    border-bottom: none
}

.article--link:hover~.article-e--title {
    color: #e20714;
    text-decoration: none
}

.article-f {
    width: 100%;
    padding: 2px 16px 0;
    border-left: 1px solid #dcdcdc;
    min-height: 70px
}

@media (min-width:46rem) {
    .article-f {
        min-height: 39px
    }
}

@media (min-width:61rem) {
    .article-f {
        min-height: 72px
    }
}

@media (min-width:71rem) {
    .article-f {
        min-height: 78px
    }
}

.article-f--title {
    font-size: .875rem;
    line-height: 1rem;
    color: #282828;
    text-decoration: none
}

@media (min-width:46rem) {
    .article-f--title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.article-f--timestamp {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #5e5e5e
}

.article--link:hover~.article-f--title {
    color: #e20714;
    text-decoration: none
}

.article-g {
    padding: 6px 10px 0;
    flex-basis: 100%;
    margin-bottom: 20px;
    min-height: 100px
}

@media (min-width:46rem) {
    .article-g {
        padding: 6px 16px 0;
        height: 118px;
        max-height: 118px
    }
}

@media (min-width:61rem) {
    .article-g {
        height: 110px;
        max-height: 110px;
        flex-basis: 50%
    }
}

.article-g--author {
    margin-bottom: 4px;
    font-size: .875rem;
    line-height: 1rem;
    color: #e20714
}

.article-g--title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-right: 20px;
    text-decoration: none
}

.article-g--image {
    display: inline-flex;
    width: 56px;
    height: 56px;
    position: relative
}

.article-g--image:after {
    content: "";
    position: absolute;
    background-color: rgba(226, 7, 20, .4)
}

.article--link:hover~div .article-g--title {
    color: #e20714;
    text-decoration: none
}

.article-h {
    margin-bottom: 1rem;
    min-height: 376px
}

@media (min-width:46rem) {
    .article-g--title {
        padding-right: 40px
    }

    .article-g--image img,
    .article-g--image:after {
        width: 72px;
        height: 72px;
        border-radius: 72px
    }

    .article-g--image {
        width: 72px;
        height: 72px
    }

    .article-g--image:after {
        content: "";
        position: absolute;
        background-color: rgba(226, 7, 20, .4)
    }

    .article-h {
        min-height: 178px
    }
}

.article-h--head {
    padding: 22px 20px 18px;
    background-color: #dcdcdc;
    display: flex;
    flex-direction: row
}

.article-h--tag {
    margin-bottom: 4px;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #5e5e5e
}

.article-h--author {
    margin-bottom: 4px;
    color: #5e5e5e;
    font-size: 1rem;
    line-height: 1.25rem
}

@media (min-width:46rem) {
    .article-h--head {
        flex-direction: column
    }

    .article-h--author {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media (min-width:61rem) {
    .article-h {
        min-height: 206px
    }

    .article-h--author {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

.article-h--image {
    display: block;
    position: relative
}

.article-h--image img {
    width: 72px;
    height: 72px;
    border-radius: 72px;
    z-index: 20
}

@media (min-width:46rem) {
    .article-h--image img {
        width: 56px;
        height: 56px;
        border-radius: 56px
    }
}

@media (min-width:71rem) {
    .article-h {
        min-height: 222px
    }

    .article-h--image img {
        width: 72px;
        height: 72px;
        border-radius: 72px
    }
}

.article-h--quote,
.article-i--quote {
    align-content: center;
    border-radius: 50%;
    float: left
}

.article-h--body {
    padding: 22px 20px 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    background-color: #fff
}

@media (min-width:46rem) {
    .article-h--body {
        font-size: 1rem;
        line-height: 1.5rem;
        display: none
    }
}

@media (min-width:81rem) {
    .article-h {
        min-height: 438px
    }

    .article-h--head {
        flex-direction: row
    }

    .article-h--body {
        font-size: 1rem;
        line-height: 1.5rem;
        display: block
    }
}

.article-h--quote {
    background-color: #282828;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    margin-right: 12px
}

.article-h--quote svg {
    width: 22px
}

.article--link:hover~.article-h--body {
    color: #5e5e5e;
    text-decoration: none
}

.article-i {
    min-height: 436px
}

@media (min-width:46rem) {
    .article-h--quote {
        width: 32px;
        height: 32px
    }

    .article-h--quote svg {
        width: 15px
    }

    .article-i {
        min-height: 340px
    }
}

@media (min-width:61rem) {
    .article-i {
        min-height: 496px
    }
}

@media (min-width:71rem) {
    .article-h--quote {
        width: 48px;
        height: 48px
    }

    .article-h--quote svg {
        width: 22px
    }

    .article-i {
        min-height: 436px
    }
}

@media (min-width:81rem) {
    .article-i {
        min-height: 388px
    }
}

.article-i--head {
    padding: 16px 22px 16px 20px;
    background-color: #2994c5;
    position: relative
}

.article-i--tag {
    margin-bottom: 4px;
    font-size: 1rem;
    line-height: 1.125rem
}

.article-i--author {
    margin-bottom: 4px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media (min-width:46rem) {
    .article-i--author {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.article-i--body {
    padding: 24px 20px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    background-color: #fff;
    color: #5e5e5e;
    display: block
}

@media (min-width:46rem) {
    .article-i--body {
        padding: 24px 16px;
        font-size: 1rem;
        line-height: 1.5rem;
        display: block
    }
}

@media (min-width:61rem) {
    .article-i--body {
        display: block
    }
}

.article-i--quote {
    background-color: #282828;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 16px;
    bottom: -24px
}

.article-j,
.article-j--img {
    background-color: inherit;
    width: 100%
}

.article-i--quote svg {
    width: 22px
}

.article--link:hover~.article-i--body {
    color: #282828;
    text-decoration: none
}

.article-j {
    min-height: auto
}

@media (min-width:46rem) {
    .article-i--quote {
        width: 24px;
        height: 24px;
        bottom: -12px;
        right: 12px
    }

    .article-i--quote svg {
        width: 10px
    }

    .article-j {
        min-height: 506px
    }
}

@media (min-width:61rem) {
    .article-i--quote {
        width: 40px;
        height: 40px;
        bottom: -20px;
        right: 20px
    }

    .article-i--quote svg {
        width: 15px
    }

    .article-j {
        min-height: 450px
    }
}

@media (min-width:71rem) {
    .article-i--quote {
        width: 48px;
        height: 48px
    }

    .article-i--quote svg {
        width: 22px
    }

    .article-j {
        min-height: 500px
    }
}

.article-j--img {
    position: relative
}

.article-j--img img {
    width: 100%;
    display: block
}

.article-j--video {
    background-color: #282828;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-j--wrapper {
    padding: 0 16px 16px
}

.article-j--top-title {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: 12px;
    margin-bottom: 8px
}

@media (min-width:46rem) {
    .article-j--video {
        width: 56px;
        height: 56px
    }

    .article-j--wrapper {
        padding: 0
    }

    .article-j--top-title {
        margin-top: 10px;
        margin-bottom: 6px
    }
}

@media (min-width:61rem) {
    .article-j--top-title {
        margin-top: 16px
    }
}

@media (min-width:71rem) {
    .article-j--top-title {
        margin-bottom: 10px
    }
}

@media (min-width:81rem) {
    .article-j {
        min-height: 580px
    }

    .article-j--top-title {
        margin-top: 24px;
        margin-bottom: 10px
    }
}

.article-j--title {
    color: inherit;
    text-decoration: none;
    display: block;
    margin-top: 12px;
    font-size: 1.625rem;
    line-height: 2rem
}

@media (min-width:61rem) {
    .article-j--title {
        font-size: 1.5rem;
        margin-bottom: 8px
    }
}

.article-k,
.module-a .bg-alto {
    margin-bottom: 16px
}

@media (min-width:81rem) {
    .article-j--title {
        font-size: 1.875rem;
        line-height: 2.375rem
    }
}

.article-k {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    min-height: 100px
}

.article-k:hover .article-d--title {
    color: #e20714
}

.article-k-wrapper {
    display: block
}

@media (min-width:46rem) {
    .article-k-wrapper {
        display: flex;
        flex-direction: column;
        flex-basis: 89%
    }
}

.article-k-container {
    display: block
}

@media (min-width:46rem) {
    .article-k-container {
        display: flex;
        align-items: flex-end
    }
}

.article-k--description {
    display: inline-block;
    width: calc(100% - 104px);
    margin-top: 0;
    padding-left: 16px;
    margin-left: 0;
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media (min-width:736px) {
    .article-k--description {
        width: calc(100% - 148px);
        padding-left: 0;
        margin-left: -16px
    }
}

@media (min-width:46rem) {
    .article-k--description {
        margin-left: 0;
        display: block;
        width: 100%;
        padding-left: 140px
    }

    .article-k-time {
        display: flex;
        justify-content: flex-end
    }
}

.article-k-time {
    display: flex;
    margin-top: 8px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 15.6px;
    line-height: 1.3rem;
    line-height: 17px
}

.module-a .article-b {
    margin-bottom: 0
}

.module-a .article-e:last-of-type,
.module-d .article-a:last-of-type,
.module-e .article-a:last-of-type,
.module-e .article-e:last-of-type,
.module-f .article-j:last-of-type,
.module-i .bg-alto {
    margin-bottom: 16px
}

.module-i .article-b:last-of-type {
    margin-bottom: 0
}

.module-l .bg-alto {
    margin-bottom: 16px
}

.module-l .article-c:last-of-type {
    margin-bottom: 0
}

.module-n .bg-alto {
    margin-bottom: 16px
}

.module-n .article-c {
    margin-bottom: 0
}

.module-t .bg-alto {
    margin-bottom: 16px
}

.module-t .article-b {
    margin-bottom: 0
}

.module-s .bg-alto {
    margin-bottom: 16px
}

.module-s .article-b {
    margin-bottom: 0
}

.module-r .bg-alto {
    margin-bottom: 16px
}

.module-r .article-b {
    margin-bottom: 0
}

.module-o .article-g,
.module-p .article-g {
    display: flex;
    width: 100%
}

.module-o .d-flex,
.module-p .d-flex {
    width: 100%
}

@media screen and (max-width:736px) {
    .row-thirds .col-sm-6 {
        flex-basis: 100%
    }
}

@media screen and (min-width:736px) and (max-width:936px) {
    .row-thirds .col-sm-6 {
        flex-basis: 33%
    }
}

.module-name-link {
    text-decoration: none;
    color: #37528c
}

.module-name-link:hover {
    text-decoration: none;
    color: #e20714
}

.view-title {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    color: #dcdcdc
}

.view-title a {
    color: currentColor;
    text-decoration: none
}

.view-title a:hover {
    text-decoration: underline
}

.comments__button-reply:hover,
.module-s-link,
.module-s-link:hover {
    text-decoration: none
}

.row-thirds {
    display: flex
}

.row-thirds-item {
    margin-bottom: 16px
}

@media (min-width:46rem) {
    .row-thirds {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .row-thirds-item {
        flex-basis: 232px
    }
}

@media (min-width:61rem) {
    .row-thirds-item {
        flex-basis: 226px
    }
}

@media (min-width:71rem) {
    .row-thirds-item {
        flex-basis: 264px
    }
}

.module-r {
    position: relative;
    text-align: center;
    margin-bottom: 32px
}

@media (min-width:46rem) {
    .module-r {
        text-align: left;
        margin-bottom: 40px
    }
}

@media (min-width:81rem) {
    .row-thirds-item {
        flex-basis: 304px
    }

    .module-r {
        margin-bottom: 64px
    }
}

.module-r:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    background-color: transparent;
    z-index: -1;
    display: none
}

.module-r-title {
    padding-top: 0;
    font-size: 22px;
    font-weight: 400
}

@media (min-width:46rem) {
    .module-r:after {
        display: block;
        background-color: #f3f0ed;
        height: 100%;
        top: 0
    }

    .module-r-title {
        font-size: 30px;
        font-weight: 700;
        line-height: 38px
    }
}

@media (min-width:61rem) {
    .module-r:after {
        height: 344px;
        top: calc(50% - 172px)
    }

    .module-r-title {
        font-size: 36px;
        line-height: 42px;
        font-weight: 700
    }
}

.module-r-wrapper {
    background-color: #f3f0ed;
    padding: 12px 19px 17px 18px;
    margin-top: 0
}

.play-store-icon {
    max-width: 114px;
    margin-left: 10px
}

.app-store-icon {
    width: 90px;
    margin-left: 8px;
    margin-right: 10px
}

@media (min-width:46rem) {
    .module-r-wrapper {
        margin-top: 8px;
        background-color: transparent
    }

    .play-store-icon {
        max-width: 160px
    }

    .app-store-icon {
        width: 120px;
        margin-left: 0
    }
}

.app-store-icon svg,
.module-s-overlay {
    width: 100%;
    height: 100%
}

.mobile-market-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-apps-image {
    object-fit: contain
}

.module-s-img--background {
    background-size: cover;
    background-position: center center;
    background-image: none;
    position: relative;
    display: block;
    margin-left: 0
}

@media (min-width:46rem) {
    .mobile-market-wrapper {
        justify-content: flex-start
    }

    .module-s-img--background {
        background-image: url(../img/module-s-i_729x250.f247aca3.jpg);
        margin-left: -10px
    }

    .module-s-overlay {
        background-color: rgba(255, 255, 255, 0)
    }
}

@media (min-width:71rem) {
    .module-s-img--background {
        background-image: url(../img/module-s-i_972x330.264c837d.jpg)
    }
}

.module-s-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-image: none
}

.module-s-link {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px
}

.module-s-wrapper {
    padding: 61px 20px
}

.module-s {
    margin-bottom: 32px
}

@media (min-width:46rem) {
    .module-s-link {
        font-size: 20px;
        line-height: 25px;
        font-weight: 700
    }

    .module-s {
        margin-bottom: 40px
    }

    .ui-comments .ui-select-group {
        max-width: 202px
    }
}

@media (min-width:61rem) {
    .module-s {
        margin-bottom: 56px
    }
}

@media (min-width:71rem) {
    .module-s-wrapper {
        padding: 102px 91px
    }

    .module-s {
        margin-bottom: 40px
    }
}

@media (min-width:81rem) {
    .module-s-wrapper {
        padding: 102px
    }

    .module-s {
        margin-bottom: 56px
    }
}

.module-s svg {
    height: 17px;
    width: 24px
}

.ui-article__trending-container {
    z-index: 110;
    display: block;
    position: relative
}

.ui-article__trending-container .module-separator {
    margin: 0 0 10px
}

.ui-article__trending-container .module-separator h2 {
    font-size: 1.25rem;
    background-color: #f8f8f8
}

.ui-article__trending-list {
    padding: 16px 8px 16px 16px;
    border: 1px solid #dcdcdc;
    border-top: none;
    background-color: #f8f8f8
}

.ui-article__trending-list .article-f {
    border-left: 0;
    width: 97%;
    padding: 12px 0;
    border-bottom: 1px solid #dcdcdc
}

.ui-article__trending-list .mCustomScrollbar {
    padding-right: 0 !important
}

.ui-article__trending-list .mCSB_scrollTools {
    right: -5px
}

.ui-article__trending--item:last-of-type .article-f {
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 0
}

.ui-article__trending--item:first-of-type .article-f {
    padding-top: 0
}

.ui-article__trending--item h4 {
    font-weight: 300
}

.ui-article__trending-wrapper {
    width: 100%
}

.ui-article__tabs {
    display: flex
}

.ui-article__tab {
    font-size: 1rem;
    line-height: 1.875rem;
    padding: 12px 10px 8px;
    width: 50%;
    position: relative;
    border: none;
    border-top: 1px solid #dcdcdc
}

.ui-article__tab:after {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.ui-article__tab:hover:after {
    background-color: #e20714
}

.ui-article__tab:focus {
    outline: 0
}

.ui-article__tab.active {
    background-color: #f8f8f8
}

.ui-article__tab.active:after {
    background-color: #e20714
}

.ui-article__tab:first-of-type {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.ui-article__tab:first-of-type.active {
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid transparent
}

.ui-article__tab:last-of-type {
    border-left: none;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.ui-article__tab:last-of-type.active {
    border-bottom: 1px solid transparent
}

.ui-article--link {
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.125rem;
    margin-top: 24px;
    margin-bottom: 12px
}

.ui-article--link:hover {
    color: #e20714
}

.ui-a--comments {
    padding-top: 40px;
    padding-bottom: 40px
}

.ui-comment {
    padding-top: 16px
}

.inline-comment {
    margin: 8px 0 16px 16px
}

.ui-comments--title {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 30px
}

.ui-comments--fake-input {
    border: 1px solid #00f;
    background-color: #fff;
    border-radius: 8px;
    height: 88px;
    padding: 1rem;
    transition: all cubic-bezier(0, 0, .56, 1.01) .35s
}

.ui-comments--fake-input:hover {
    cursor: pointer;
    border-color: #0000b3
}

.ui-comments--avatar {
    width: 56px;
    height: 56px;
    color: #fff;
    border-radius: 56px;
    font-size: 1.25rem;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
}

.ui-comments--avatar-inline {
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 40px;
    font-size: 1rem
}

.ui-comments--copy {
    font-size: 1rem;
    line-height: 1.25rem
}

.comments-container__content,
.ui-comment__actions {
    padding: 8px 0
}

.ui-comment__actions--blue {
    padding: 0 0 0 50px
}

.ui-comment__separator {
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    margin-top: 16px
}

.ui-comment__child .ui-comment__separator {
    width: 100%;
    margin-left: 0;
    display: none
}

.has-children .ui-comment__separator {
    border: none;
    display: none
}

.has-children .comments-container {
    border-bottom: none
}

.ui-comment__btn--like {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none
}

.ui-comment__btn--like+span {
    font-size: .875rem
}

.ui-comment__btn--like svg {
    width: 16px;
    height: 16px;
    background-color: #f8f8f8
}

.ui-comment__btn--like:focus {
    outline: 0;
    box-shadow: none
}

.fr-box a.fr-floating-btn,
.fr-command.fr-btn+.fr-dropdown-menu {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.ui-comment__btn--like.active svg path {
    fill: #2f91be
}

.comments__button-reply {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #37528c
}

.ui-comment__reply-ico path {
    fill: #2994c5
}

.ui-comment__child {
    position: relative;
    padding: 16px 0 16px 16px;
    border-left: 1px solid #dcdcdc;
    margin-left: 16px
}

.ui-comment__child:nth-last-child(n+1) {
    padding-bottom: 0
}

.ui-comment__draft {
    background-color: #e5f6fe;
    padding: 8px
}

.ui-comment__draft-wrapp {
    border: 1px solid #2994c5;
    color: #2994c5;
    background-color: #e5f6fe;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 12px;
    border-radius: 16px
}

.text-area__character-num {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: -12px
}

.comment-time {
    font-size: 12px;
    line-height: 17px
}

.comment-like-count {
    min-width: 26px
}

.comments_button-active {
    font-weight: 700;
    font-size: 11px;
    background-color: #2f91be;
    border-color: #2f91be;
    color: #fff
}

.comment_drafted {
    font-size: 14px;
    font-size: .875rem;
    line-height: 18.2px;
    line-height: 1.3rem;
    line-height: 20px
}

.input_field--fake {
    height: 54px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 1rem;
    line-height: 17px;
    cursor: text
}

.comment-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.3rem;
    line-height: 32px
}

.zero-comments-message {
    font-size: 18px;
    line-height: 24px
}

.ui-comments .ui-select-group {
    width: 100%
}

.ui-comments .ui-select-native {
    width: 100%;
    font-size: 16px;
    background-color: transparent
}

@media (min-width:46rem) {
    .ui-comments .ui-select-native {
        max-width: 202px
    }
}

.ui-comments .chevron {
    bottom: 11px;
    width: 16px
}

.comment-add-btn-wrapper button,
.fake_nick {
    width: 100%
}

.comments__form .ui-form__label {
    margin-bottom: 8px
}

.fake_nick {
    background-color: transparent;
    font-size: 1.125rem;
    line-height: 31px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #00f;
    color: #282828;
    height: 34px;
    display: flex;
    appearance: none
}

.obituary-category,
.obituary-date-filed,
.obituary-filed {
    height: 48px;
    margin-bottom: 16px
}

.comment-modal,
.open-comment-modal .ui-feed-xs-trigger,
.open-comment-modal .ui-live__trigger {
    display: none
}

.open-comment-modal .ui-article__meta--sticky {
    z-index: 10 !important
}

.open-comment-modal .ui-a__grid,
.open-comment-modal .ui-head__top-menu,
.open-comment-modal .ui-live__trigger,
.open-comment-modal .ui-main-menu-wrapp {
    z-index: 0 !important
}

.open-comment-modal .comment-modal-content {
    display: flex
}

.open-comment-modal .comment-modal {
    background-color: rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.open-comment-modal .ui-a__head {
    display: none
}

.comment-modal-content {
    display: none;
    background-color: #fff;
    flex-direction: column;
    max-width: 320px;
    border-radius: 8px
}

.ui-comment-register {
    display: flex;
    flex-direction: column
}

@media (min-width:71rem) {
    .ui-comment-register {
        flex-direction: row;
        align-content: center;
        justify-content: space-between
    }

    .ui-comment-register a {
        margin-right: 32px
    }
}

.ui-comment-register-right {
    display: flex;
    flex-direction: column
}

@media (min-width:380px) {
    .ui-comment-register-right {
        flex-direction: row
    }
}

.pos-f-i {
    position: fixed !important
}

.mobile-comment-view {
    position: fixed;
    background-color: #fff;
    z-index: 1000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px
}

.mobile-comment-view .inline-comment {
    margin: 0
}

@media all and (max-width:450px) {
    body.hide-stripe .ui-a__head {
        position: relative !important
    }

    body.hide-stripe .ui-feed-xs {
        display: none
    }
}

.comment-reply {
    font-size: 14px
}

.comment-timestamp {
    font-size: 11px;
    color: #5e5e5e
}

.ui-button-comment {
    width: 100%;
    margin-bottom: 12px
}

@media (min-width:71rem) {
    .ui-button-comment {
        width: auto;
        margin-bottom: 0
    }
}

.obituary-wrapper {
    border: 3px double #000;
    padding: 13px;
    margin: 10px;
    font-size: 12px
}

.brick {
    width: 100%
}

@media (min-width:46rem) {
    .comment-modal-content {
        max-width: 50%;
        min-width: 320px
    }

    .brick {
        width: 358px
    }
}

@media (min-width:61rem) {
    .brick {
        width: 239px
    }
}

@media (min-width:71rem) {
    .brick {
        width: 279px
    }
}

@media (min-width:81rem) {
    .brick {
        width: 319px
    }
}

.brick-double {
    width: 100%
}

@media (min-width:46rem) {
    .brick-double {
        width: 716px
    }
}

@media (min-width:61rem) {
    .brick-double {
        width: 478px
    }
}

@media (min-width:71rem) {
    .brick-double {
        width: 558px
    }
}

@media (min-width:81rem) {
    .brick-double {
        width: 638px
    }
}

.ob-grid {
    width: 100% !important
}

.obituary-mb {
    margin-bottom: 12px
}

.obituary-name {
    font-size: 16px
}

.obituary-person-p1 {
    flex-basis: 100%
}

.obituary-person-p2 {
    flex-basis: 50%
}

.obituary-person-p3 {
    flex-basis: 33%
}

.obituary-person-p4 {
    flex-basis: 50%
}

.obituary-person-p5,
.obituary-person-p6 {
    flex-basis: 33%
}

@media (min-width:767px) {
    .obituary-people {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-flow: wrap
    }
}

.obituary-filter-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.obituary-category {
    padding: 14px 8px;
    border: 1px solid #dcdcdc;
    background-color: transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #5e5e5e;
    width: fit-content
}

@media (min-width:767px) {
    .obituary-category {
        padding: 14px;
        height: 48px
    }

    .obituary-filed {
        margin-right: 16px
    }
}

@media (min-width:71rem) {
    .obituary-category {
        padding: 14px 18px;
        height: 48px
    }
}

.obituary-category-selected,
.obituary-category:hover {
    cursor: pointer;
    border: 1px solid #282828;
    background-color: #282828;
    color: #fff
}

.obituary-filed {
    width: 100%
}

.obituary-date-filed {
    width: 30%;
    min-width: 30%
}

@media (min-width:767px) {
    .obituary-date-filed {
        width: 89px;
        min-width: 89px;
        margin-right: 6px
    }
}

.obituary-link {
    font-size: 14px;
    text-decoration: underline;
    color: #5e5e5e
}

.obituary-link:hover {
    color: #e20714
}

.obituary-button-order-mobile {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (min-width:767px) {
    .obituary-button-order-mobile {
        display: flex;
        justify-content: space-between
    }
}

.obituary-select-size {
    width: 100%;
    min-width: 100%;
    height: 48px
}

.obituary-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.ad__modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(40, 40, 40, .9);
    transition: opacity ease-in-out .25s;
    opacity: 0;
    z-index: -1
}

.ad-close,
.ad__modal-dialog {
    position: absolute
}

.ad__modal .main {
    height: 25px;
    width: 124px;
    display: block
}

@media (min-width:46rem) {
    .ad__modal .main {
        height: 32px;
        width: 165px
    }
}

@media (min-width:61rem) {
    .ad__modal .main {
        height: 50px;
        width: 256px
    }
}

.ad__modal .secondary {
    height: 25px;
    width: 124px;
    position: absolute;
    right: 3px;
    bottom: -8px;
    display: none
}

@media (min-width:46rem) {
    .ad__modal .secondary {
        height: 8px;
        width: 45px;
        display: block
    }
}

@media (min-width:61rem) {
    .ad__modal .secondary {
        height: 13px;
        width: 70px
    }
}

.ad__modal-dialog {
    width: 90%;
    display: block;
    background-color: #fff;
    top: calc(50% - 229px);
    left: 5%;
    z-index: 1500;
    padding: 30px 20px;
    font-size: 18px
}

@media (min-width:767px) {
    .ad__modal-dialog {
        width: 534px;
        left: calc(50% - 267px);
        padding: 48px 56px 56px
    }
}

@media (min-width:1024px) {
    .ad__modal-dialog {
        width: 548px;
        left: calc(50% - 274px)
    }
}

@media (min-width:1200px) {
    .ad__modal-dialog {
        width: 628px;
        left: calc(50% - 314px);
        padding: 56px 81px
    }
}

.open-ad-modal .ad__modal {
    opacity: 1;
    z-index: 9999
}

.navigation-ad {
    background: #f8f8f8;
    border: none;
    width: 100%;
    height: 64px;
    padding: 19px 56px 19px 12px;
    font-size: 22px;
    outline: 0
}

@media (min-width:767px) {
    .navigation-ad {
        border: 1px solid #5e5e5e;
        border-radius: 4px;
        width: 534px;
        padding: 14px 72px;
        font-size: 28px
    }
}

@media (min-width:1024px) {
    .navigation-ad {
        width: 760px;
        height: 80px;
        padding: 20px 72px;
        font-size: 36px
    }
}

.navigation-ad-mobile {
    cursor: pointer;
    right: 46px;
    top: 18px
}

.navigation-ad-mobile .fa-ad {
    color: #fff
}

.ad-close:hover {
    cursor: pointer
}

.ad-wrapper {
    z-index: 1200;
    position: relative
}

.ad-clear {
    position: absolute;
    top: 20px;
    right: 16px
}

@media (min-width:767px) {
    .ad-wrapper {
        width: fit-content
    }

    .ad-clear {
        top: 20px;
        right: 24px
    }
}

@media (min-width:1024px) {
    .ad-clear {
        top: 28px;
        right: 24px
    }
}

.ad-backdrop {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    display: block
}

.ad-close {
    top: 32px;
    right: 20px
}

.ad-logo {
    border-bottom: 4px double #dcdcdc;
    padding-bottom: 32px;
    margin-bottom: 16px;
    position: relative
}

@media (min-width:767px) {
    .ad-close {
        top: 24px;
        right: 24px
    }

    .ad-logo {
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.ad-logo .main {
    height: 25px;
    width: 124px;
    display: block
}

@media (min-width:46rem) {
    .ad-logo .main {
        height: 32px;
        width: 165px
    }
}

@media (min-width:61rem) {
    .ad-logo .main {
        height: 50px;
        width: 256px
    }
}

.ad-logo .secondary {
    height: 25px;
    width: 124px;
    position: absolute;
    right: 3px;
    top: 30px;
    display: none
}

@media (min-width:46rem) {
    .ad-logo .secondary {
        height: 8px;
        width: 45px;
        top: 45px;
        display: block
    }
}

@media (min-width:61rem) {
    .ad-logo .secondary {
        height: 13px;
        width: 70px
    }
}

.issuu-modal,
.issuu-modal iframe {
    width: 100%;
    height: 100%
}

.issuu-modal {
    position: fixed;
    background-color: #353535;
    top: 0;
    left: 0;
    z-index: 99999;
    border: none;
    text-align: center
}

.issuu-modal--close,
.issuu-modal--rest {
    position: fixed;
    z-index: 9999;
    top: 44px;
    cursor: pointer
}

.issuu-modal span {
    margin: 6px;
    font-size: 16px
}

.issuu-modal--close {
    display: flex;
    align-items: center;
    right: 15px
}

.issuu-modal--close svg {
    width: 24px;
    height: 24px;
    stroke: #fff
}

.issuu-modal--rest {
    left: 15px;
    text-decoration: none
}

.issuu-modal--rest:hover {
    text-decoration: none;
    color: #e20714
}

.banner-overlay {
    top: 0;
    background: #ff00ff;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000
}

.banner-overlay.transparent {
    background: rgba(255, 0, 255, .75)
}

.banner-overlay .title--regular {
    font-size: 1.75rem
}

.banner-moduleA {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleA {
        width: 250px;
        height: 250px
    }
}

@media (min-width:61rem) {
    .banner-moduleA {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleA {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleA {
        width: 300px;
        height: 250px
    }
}

.banner-moduleC {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleC {
        width: 250px;
        height: 250px
    }
}

@media (min-width:61rem) {
    .banner-moduleC {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleC {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleC {
        width: 300px;
        height: 250px
    }
}

.banner-moduleD {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleD {
        width: 250px;
        height: 250px
    }
}

@media (min-width:61rem) {
    .banner-moduleD {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleD {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleD {
        width: 300px;
        height: 250px
    }
}

.banner-moduleE {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleE {
        width: 250px;
        height: 250px
    }
}

@media (min-width:61rem) {
    .banner-moduleE {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleE {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleE {
        width: 300px;
        height: 250px
    }
}

.banner-moduleH {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleH {
        width: 250px;
        height: 250px
    }
}

@media (min-width:61rem) {
    .banner-moduleH {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleH {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleH {
        width: 300px;
        height: 250px
    }
}

.banner-moduleL {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleL {
        width: 728px;
        height: 90px
    }
}

@media (min-width:61rem) {
    .banner-moduleL {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleL {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleL {
        width: 300px;
        height: 250px
    }
}

.banner-moduleN {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleN {
        width: 728px;
        height: 90px
    }
}

@media (min-width:61rem) {
    .banner-moduleN {
        width: 200px;
        height: 200px
    }
}

@media (min-width:71rem) {
    .banner-moduleN {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleN {
        width: 300px;
        height: 250px
    }
}

.banner-moduleP {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleP {
        width: 300px;
        height: 100px
    }
}

@media (min-width:61rem) {
    .banner-moduleP {
        width: 240px;
        height: 400px
    }
}

@media (min-width:71rem) {
    .banner-moduleP {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleP {
        width: 300px;
        height: 600px
    }
}

.banner-moduleR {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleR {
        width: 300px;
        height: 100px
    }
}

@media (min-width:61rem) {
    .banner-moduleR {
        width: 240px;
        height: 400px
    }
}

@media (min-width:71rem) {
    .banner-moduleR {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleR {
        width: 300px;
        height: 600px
    }
}

.banner-moduleS {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleS {
        width: 300px;
        height: 100px
    }
}

@media (min-width:61rem) {
    .banner-moduleS {
        width: 240px;
        height: 400px
    }
}

@media (min-width:71rem) {
    .banner-moduleS {
        width: 250px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleS {
        width: 300px;
        height: 600px
    }
}

.banner-moduleT {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleT {
        width: 728px;
        height: 90px
    }
}

@media (min-width:61rem) {
    .banner-moduleT {
        width: 240px;
        height: 400px
    }
}

@media (min-width:71rem) {
    .banner-moduleT {
        width: 728px;
        height: 90px
    }
}

@media (min-width:81rem) {
    .banner-moduleT {
        width: 300px;
        height: 250px
    }
}

.banner-moduleU {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleU {
        width: 728px;
        height: 90px
    }
}

@media (min-width:61rem) {
    .banner-moduleU {
        width: 240px;
        height: 400px
    }
}

@media (min-width:71rem) {
    .banner-moduleU {
        width: 728px;
        height: 90px
    }
}

@media (min-width:81rem) {
    .banner-moduleU {
        width: 300px;
        height: 250px
    }
}

.banner-moduleX3 {
    width: 320px;
    height: 100px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-moduleX3 {
        width: 728px;
        height: 90px
    }
}

@media (min-width:61rem) {
    .banner-moduleX3 {
        width: 970px;
        height: 250px
    }
}

@media (min-width:71rem) {
    .banner-moduleX3 {
        width: 970px;
        height: 250px
    }
}

@media (min-width:81rem) {
    .banner-moduleX3 {
        width: 970px;
        height: 250px
    }
}

.banner-headerCenter {
    width: 320px;
    height: 50px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-headerCenter {
        width: 320px;
        height: 50px
    }
}

@media (min-width:61rem) {
    .banner-headerCenter {
        width: 468px;
        height: 90px
    }
}

@media (min-width:71rem) {
    .banner-headerCenter {
        width: 728px;
        height: 90px
    }
}

@media (min-width:81rem) {
    .banner-headerCenter {
        width: 728px;
        height: 90px
    }
}

.banner-pageLeft {
    width: 160px;
    height: 600px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-pageLeft {
        width: 160px;
        height: 600px
    }
}

@media (min-width:61rem) {
    .banner-pageLeft {
        width: 160px;
        height: 600px
    }
}

@media (min-width:71rem) {
    .banner-pageLeft {
        width: 200px;
        height: 600px
    }
}

@media (min-width:81rem) {
    .banner-pageLeft {
        width: 300px;
        height: 600px
    }
}

.banner-pageRight {
    width: 160px;
    height: 600px;
    margin: 0 auto
}

@media (min-width:46rem) {
    .banner-pageRight {
        width: 160px;
        height: 600px
    }
}

@media (min-width:61rem) {
    .banner-pageRight {
        width: 160px;
        height: 600px
    }
}

@media (min-width:71rem) {
    .banner-pageRight {
        width: 200px;
        height: 600px
    }
}

@media (min-width:81rem) {
    .banner-pageRight {
        width: 300px;
        height: 600px
    }
}

.banner-headerCenter .data {
    flex-direction: row;
    justify-content: space-between
}

.banner-headerCenter span,
.banner-pageLeft span,
.banner-pageRight span {
    font-size: 14px;
    margin-right: 10px
}

.article-banner {
    width: 160px;
    height: 600px;
    position: absolute;
    z-index: 10;
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

@media (min-width:61rem) {
    .article-banner__left {
        display: block;
        height: 600px;
        width: calc((100% - 960px)/ 2);
        left: 0
    }
}

@media (min-width:71rem) {
    .article-banner__left {
        width: calc((100% - 1128px)/ 2)
    }
}

@media (min-width:81rem) {
    .article-banner__left {
        width: calc((100% - 1296px)/ 2)
    }
}

@media (min-width:61rem) {
    .article-banner__right {
        display: block;
        height: 600px;
        right: 0;
        width: calc((100% - 960px)/ 2)
    }
}

@media (min-width:71rem) {
    .article-banner__right {
        width: calc((100% - 1128px)/ 2)
    }
}

@media (min-width:81rem) {
    .article-banner__right {
        width: calc((100% - 1296px)/ 2)
    }
}

.body-sticky .ui-view__side-banner-wrapp .is-sticky {
    top: 92px !important
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.fr-element,
.fr-element [contenteditable=true],
.fr-element:focus {
    outline: transparent solid 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element,
.fr-popup.fr-rtl {
    text-align: right
}

.fr-element {
    background: 0 0;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element table tr,
.fr-element.fr-disabled,
.fr-popup,
.fr-toolbar,
.fr-tooltip,
.fr-view hr {
    -khtml-user-select: none
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box a.fr-floating-btn {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    height: 40px;
    width: 40px;
    background: #FFF;
    color: #333;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    outline: 0;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #AAA;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-modal,
.fr-popup,
.fr-toolbar,
.fr-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
}

.fr-wrapper ::selection {
    background: #b5d6fd;
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom-color: #efefef;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width:992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #efefef
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #efefef;
        height: 1cm;
        outline: 0;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #222;
    color: #FFF;
    font-size: 11px;
    line-height: 22px;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-modal .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-toolbar .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-modal .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-toolbar .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-modal .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-toolbar .fr-command.fr-btn {
    background: 0 0;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-modal .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-toolbar .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
}

.fr-modal .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-toolbar .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-modal .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-toolbar .fr-command.fr-btn svg path {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    fill: #333
}

.fr-modal .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-toolbar .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-toolbar .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: 700;
    padding: 0 4px
}

.fr-modal .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-toolbar .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-modal .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: 400
}

.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-modal .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    right: 2px;
    top: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    content: ""
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333;
    background: #d6d6d6;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333
}

#fr-logo:focus>svg .fr-logo,
#fr-logo:hover>svg .fr-logo,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
    border-top-color: #333
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #222
}

.fr-modal .fr-command.fr-btn.fr-disabled::after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after {
    border-top-color: #bdbdbd
}

.fr-modal .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-toolbar .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-modal .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-toolbar .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-modal .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-toolbar .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF
}

.fr-modal .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-toolbar .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
}

.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-modal.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-toolbar.fr-rtl .fr-command.fr-btn {
    float: right
}

.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command:hover {
    outline: 0;
    color: #333
}

.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command:hover:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command:hover::after {
    border-top-color: #333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: #333;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active:hover {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled.fr-selected,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop.fr-disabled .fr-command.fr-selected,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command:hover {
    background: 0 0
}

.fr-popup.fr-mobile .fr-command.fr-blink,
.fr-toolbar.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:focus,
.fr-command.fr-btn.fr-options:hover {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color .5s;
    -moz-transition: border-left 0s, background-color .5s;
    -ms-transition: border-left 0s, background-color .5s;
    -o-transition: border-left 0s, background-color .5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-popup,
.fr-popup .fr-icon-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 3px 4px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: 700;
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup.fr-rtl .fr-dropdown-wrapper,
.fr-toolbar.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    margin: 0 auto
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width:768px) and (max-width:991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width:992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #FFF;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #efefef 1px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: 0 0;
    font-size: 16px;
    outline: 0;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

.fr-popup .fr-checkbox input,
.fr-popup.fr-hidden {
    -moz-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #FFF;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    box-sizing: border-box
}

@supports not (-ms-high-contrast:none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:768px),
(-ms-high-contrast:none) and (max-width:768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: #f5f5f5
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden {
    -webkit-opacity: 0;
    opacity: 0
}

.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    border: 1px solid #999;
    color: #222;
    font-size: 14px;
    background: #FFF;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .5s, padding .5s;
    -moz-transition: border .5s, padding .5s;
    -ms-transition: border .5s, padding .5s;
    -o-transition: border .5s, padding .5s
}

.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: 1px solid #515151
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: 2px solid #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type=text] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: grey;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 3;
    display: block;
    background: #FFF;
    padding: 0;
    cursor: text
}

.fr-popup .fr-buttons.fr-tabs,
.fr-popup input,
.fr-popup textarea {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    outline: 0
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs,
.fr-toolbar .fr-float-right {
    float: right
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width:768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    display: none
}

@media (min-width:768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }

    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: 0 0;
    font-size: 16px;
    outline: 0;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:focus,
.fr-popup .fr-action-buttons button.fr-command:hover {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-checkbox span,
.fr-toolbar .fr-more-toolbar {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    opacity: 0;
    border: 0;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: 2px solid #999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #0098f7;
    border: 2px solid #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #EcF5Ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-opacity-0,
.fr-table-resizer div {
    -moz-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl .fr-action-buttons,
.fr-toolbar {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-text-edit-layer {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar .fr-newline,
.fr-toolbar::after {
    display: block;
    content: "";
    clear: both
}

.fr-toolbar {
    color: #222;
    background: #FFF;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #CCC;
    text-rendering: optimizelegibility;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .5s;
    -moz-transition: padding-bottom .5s;
    -ms-transition: padding-bottom .5s;
    -o-transition: padding-bottom .5s
}

.fr-toolbar .fr-more-toolbar,
.fr-toolbar .fr-newline {
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s
}

.fr-toolbar::after {
    height: 0
}

.fr-toolbar .fr-newline {
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px
}

.fr-toolbar.fr-toolbar-open {
    padding-bottom: 48px
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    background-color: #f5f5f5;
    height: 0;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-command.fr-btn.fr-open,
.fr-toolbar.fr-top {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width:768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .5s;
    -moz-transition: padding-top .5s;
    -ms-transition: padding-top .5s;
    -o-transition: padding-top .5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #FFF
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: 1px solid #CCC;
    border-top: 0;
    background: #FFF;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: calc(10px);
    position: relative;
    margin-top: calc(-1px);
    z-index: 2
}

#fr-logo {
    float: left;
    outline: 0
}

#fr-logo>span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

#fr-logo>svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo>svg * {
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -ms-transition: fill .3s;
    -o-transition: fill .3s
}

#fr-logo:focus>span,
#fr-logo:hover>span {
    color: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width:768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width:992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width:1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    opacity: 0
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: fixed;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-box>.fr-sticky-dummy,
.fr-sticky-on+.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-view .fr-img-caption.fr-rounded img,
.fr-view img.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view .fr-img-caption.fr-shadow img,
.fr-view img.fr-shadow {
    -webkit-box-shadow: 10px 10px 5px 0 #ccc;
    -moz-box-shadow: 10px 10px 5px 0 #ccc;
    box-shadow: 10px 10px 5px 0 #ccc
}

.fr-view .fr-img-caption.fr-bordered img,
.fr-view img.fr-bordered {
    border: 5px solid #CCC
}

.fr-view img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #DDD
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: 400
}

.fr-view pre {
    white-space: pre-wrap;
    overflow: visible
}

.fr-view[dir=rtl] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir=rtl] blockquote blockquote {
    border-color: #00BCD4
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43A047
}

.fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1
}

.fr-view blockquote blockquote {
    border-color: #00BCD4;
    color: #00BCD4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43A047;
    color: #43A047
}

.fr-view span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #AAA !important
}

.fr-view a.fr-green,
a.fr-view.fr-green {
    color: green
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-class-highlighted {
    background-color: #ff0
}

.fr-view .fr-class-code {
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: .5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv embed,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv>iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

a.fr-view.fr-strong {
    font-weight: 700
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table tr {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    opacity: 0;
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video,
.fr-image-resizer {
    user-select: none;
    -khtml-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: 0 0
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: 0 0
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(0, 152, 247, .3);
    border: 1px solid #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 0 20px 20px;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px 20px 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span .fr-selected-color {
    color: #FFF;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:focus,
.fr-popup .fr-color-set>span:hover {
    outline: #222 solid 1px;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: 1px solid #0098f7;
    display: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: 1px solid #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize;
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize;
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize;
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize;
    right: -6px;
    bottom: -6px
}

@media (min-width:1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: 2px dashed #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: "Courier New", monospace;
    font-size: 14px;
    background: #FFF;
    color: #000;
    outline: 0
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-iframe,
.fr-box.fr-code-view .fr-placeholder {
    display: none
}

.fr-box.fr-code-view .CodeMirror,
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #FFF;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

/*!
 * froala_editor v3.2.7 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: 0 0
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: 1px solid #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: 1px solid #FFF;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize;
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize;
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize;
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize;
    right: -6px;
    bottom: -6px
}

@media (min-width:1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: 2px dashed #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0 !important
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.smartbanner-show {
    margin-top: 80px
}

.smartbanner-show .smartbanner {
    display: block
}

.smartbanner {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-family: 'Helvetica Neue', sans-serif;
    background: #f4f4f4;
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

.smartbanner-close,
.smartbanner-icon,
.smartbanner-info {
    display: inline-block;
    vertical-align: middle
}

.smartbanner-container {
    margin: 0 auto;
    white-space: nowrap
}

.smartbanner-close {
    margin: 0 5px;
    font-family: ArialRoundedMTBold, Arial;
    font-size: 20px;
    text-align: center;
    color: #888;
    text-decoration: none;
    border: 0;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased
}

.smartbanner-close:active,
.smartbanner-close:hover {
    color: #aaa
}

.smartbanner-icon {
    width: 57px;
    height: 57px;
    margin-right: 12px;
    background-size: cover;
    border-radius: 10px
}

.smartbanner-info {
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 700
}

.smartbanner-title {
    font-size: 13px;
    line-height: 18px
}

.smartbanner-button {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    color: #6a6a6a;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-button:active,
.smartbanner-button:hover {
    color: #aaa
}

.smartbanner-ios {
    background: #f4f4f4;
    background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    line-height: 80px
}

.smartbanner-ios .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
    color: #aaa
}

.smartbanner-ios .smartbanner-icon {
    background: rgba(0, 0, 0, .6);
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.smartbanner-ios .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-ios .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700
}

.smartbanner-ios .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: linear-gradient(to bottom, #efefef, #dcdcdc);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
    background: #dcdcdc;
    background: linear-gradient(to bottom, #dcdcdc, #efefef)
}

.smartbanner-android {
    background: url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7) #3d3d3d;
    box-shadow: inset 0 4px 0 #88b131;
    line-height: 82px
}

.smartbanner-android .smartbanner-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: 7px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8) inset, 0 1px 1px rgba(255, 255, 255, .3)
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
    color: #eee
}

.smartbanner-android .smartbanner-icon {
    background-color: transparent;
    box-shadow: none
}

.smartbanner-android .smartbanner-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

.smartbanner-android .smartbanner-title {
    color: #fff;
    font-weight: 700
}

.smartbanner-android .smartbanner-button {
    min-width: 12%;
    color: #d1d1d1;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
    background: 0 0
}

.smartbanner-android .smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 10px;
    background: #42b6c9;
    background: linear-gradient(to bottom, #42b6c9, #39a9bb);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
    background: #2ac7e1
}

.smartbanner-windows {
    background: #f4f4f4;
    background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    line-height: 80px
}

.smartbanner-windows .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
    color: #aaa
}

.smartbanner-windows .smartbanner-icon {
    background: rgba(0, 0, 0, .6);
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.smartbanner-windows .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-windows .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700
}

.smartbanner-windows .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: linear-gradient(to bottom, #efefef, #dcdcdc);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
    background: #dcdcdc;
    background: linear-gradient(to bottom, #dcdcdc, #efefef)
}