@charset "UTF-8";
.flatpickr-calendar {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 640px
}

.carousel-inner,
.collapsing,
.dropdown-divider,
.embed-responsive,
.flatpickr-days,
.flatpickr-innerContainer,
.flatpickr-month,
.flatpickr-time,
.flatpickr-weekdays,
.modal,
.modal-open,
.progress,
.sr-only {
    overflow: hidden
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.hasWeeks {
    width: auto
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-month,
.flatpickr-wrapper {
    position: relative
}

.flatpickr-wrapper,
.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 28px;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flatpickr-next-month,
.flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 28px;
    padding: 10px calc(3.57% - 1.5px);
    z-index: 3
}

.flatpickr-day,
.flatpickr-days,
.flatpickr-next-month i,
.flatpickr-prev-month i,
.flatpickr-time input,
.form-check,
.numInputWrapper {
    position: relative
}

.flatpickr-next-month.flatpickr-prev-month,
.flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-next-month.flatpickr-next-month,
.flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-next-month:hover,
.flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-next-month:hover svg,
.flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-next-month svg,
.flatpickr-prev-month svg {
    width: 14px
}

.flatpickr-next-month svg path,
.flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    height: auto
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
    top: 33%
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6)
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6)
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0;
    line-height: 1;
    height: 28px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month.slideLeft {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation: fpFadeOut .4s ease, fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s ease, fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideLeftNew {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation: fpFadeIn .4s ease, fpSlideLeftNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s ease, fpSlideLeftNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideRight {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation: fpFadeOut .4s ease, fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s ease, fpSlideRight .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideRightNew {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: fpFadeIn .4s ease, fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s ease, fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\9;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: default;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: initial;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.row {
    -webkit-flex-wrap: wrap
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 307.88px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.88px;
    min-width: 307.88px;
    max-width: 307.88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideRight {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange,
.flatpickr-day.selected.startRange+.endRange,
.flatpickr-day.startRange.startRange+.endRange {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    pointer-events: none
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day {
    display: block;
    width: 100%;
    max-width: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer,
.flatpickr-time,
.flatpickr-time input {
    -webkit-box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #393939;
    font-size: 14px;
    box-sizing: border-box
}

.list-inline-item:not(:last-child),
.nav-main .article-share .facebookButtonShareVestiArticle {
    margin-right: 5px
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

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

.btn,
.custom-control-indicator {
    -moz-user-select: none;
    -ms-user-select: none
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover {
    background: #f0f0f0
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fpSlideLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fpSlideLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideLeftNew {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpSlideLeftNew {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fpSlideRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fpSlideRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideRightNew {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpSlideRightNew {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fpFadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fpFadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fpFadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fpFadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
     ::after,
     ::before,
    blockquote::first-letter,
    blockquote::first-line,
    div::first-letter,
    div::first-line,
    li::first-letter,
    li::first-line,
    p::first-letter,
    p::first-line {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}

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

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

.blockquote,
hr {
    margin-bottom: 1rem
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.close,
.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem
}

.display-1 {
    font-size: 6rem;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    line-height: 1.1
}

.btn,
.btn-link,
.dropdown-item,
.font-weight-normal,
.input-group-addon,
.popover,
.small,
.tooltip,
small {
    font-weight: 400
}

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

.small,
small {
    font-size: 80%
}

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

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

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

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

.blockquote {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

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

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

.blockquote-reverse .blockquote-footer::before,
.dropdown-toggle::after {
    content: ""
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-link,
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
pre code {
    border-radius: 0
}

.figure {
    display: inline-block
}

.btn-block,
.form-check,
.form-control,
.form-control-file,
.form-control-range,
.form-text,
.table-responsive,
pre {
    display: block
}

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

.figure-caption {
    font-size: 90%;
    color: #636c72
}

.alert-dismissible .close,
.alert-heading,
a>code,
pre code {
    color: inherit
}

code {
    padding: .2rem .4rem;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a>code {
    padding: 0;
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #292b2c;
    border-radius: .2rem
}

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

pre {
    color: #292b2c
}

pre code {
    padding: 0;
    font-size: inherit;
    background-color: transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #fff
}

.table-inverse.table-bordered,
.table-responsive.table-bordered {
    border: 0
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.form-control {
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.btn,
textarea {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

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

.form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

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

.form-control:disabled {
    cursor: not-allowed
}

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

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

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend,
.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0
}

.col-form-legend {
    font-size: 1rem
}

.form-control-static {
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}

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

.form-text {
    margin-top: .25rem
}

.form-check {
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}

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

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline+.form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

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

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

@media (min-width:576px) {
    .form-inline label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-check,
    .form-inline .form-group {
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-check {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0
    }
    .form-inline .form-check-label {
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }
    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

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

.collapsing,
.dropdown,
.dropup {
    position: relative
}

.btn {
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    padding: .5rem 1rem;
    transition: all .2s ease-in-out
}

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

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active,
.btn:active {
    background-image: none
}

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

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

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

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus,
.btn-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus,
.btn-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus,
.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

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

.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

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

.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

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

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

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

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

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

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

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

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

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active,
.btn-outline-info:active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

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

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success.active,
.btn-outline-success:active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

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

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

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

.btn-outline-warning.active,
.btn-outline-warning:active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

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

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

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

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

.btn-outline-danger.active,
.btn-outline-danger:active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    color: #0275d8
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
    background-color: transparent
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.breadcrumb-item+.breadcrumb-item:hover::before,
.btn-link:disabled:focus,
.btn-link:disabled:hover,
.card-link:hover,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.nav-link:focus,
.nav-link:hover,
.navbar-brand:focus,
.navbar-brand:hover,
.navbar-toggler:focus,
.navbar-toggler:hover,
.page-link:focus,
.page-link:hover {
    text-decoration: none
}

.btn-link:disabled {
    color: #636c72
}

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    height: 0;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

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

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

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

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1d1e1f;
    background-color: #f7f7f9
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: #0275d8
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show>.dropdown-menu {
    display: block
}

.show>a {
    outline: 0
}

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

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

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

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

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

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

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

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

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

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

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

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

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

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

.btn-group>.btn-group {
    float: left
}

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

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

.btn+.dropdown-toggle-split::after {
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover,
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

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

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

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

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

.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #0275d8
}

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #8fcafe
}

.custom-control-input:disabled~.custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled~.custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%
}

.custom-file-control,
.lSSlideOuter,
.slick-slider {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

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

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

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

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

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

.custom-controls-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-file,
.custom-select {
    display: inline-block;
    max-width: 100%
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0
}

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

.custom-select:focus {
    border-color: #5cb3fd;
    outline: 0
}

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

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

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

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-control,
.custom-file-control::before {
    position: absolute;
    height: 2.5rem;
    padding: .5rem 1rem;
    color: #464a4c;
    line-height: 1.5
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.custom-file-control {
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.custom-file-control:lang(en)::after {
    content: "Choose file..."
}

.custom-file-control::before {
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 .25rem .25rem 0
}

.navbar-brand,
address,
button,
input,
legend,
select,
textarea {
    line-height: inherit
}

.custom-file-control:lang(en)::before {
    content: "Browse"
}

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

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

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

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

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

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

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff
}

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

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

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

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

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

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

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

.navbar-toggleable-xl,
.navbar-toggleable-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

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

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

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width:575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-toggleable,
    .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-toggleable {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%
    }
    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width:767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-sm>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-toggleable-sm,
    .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-toggleable-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-sm .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-sm>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%
    }
    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-md>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-toggleable-md,
    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-toggleable-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-md .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-md>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%
    }
    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width:1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-lg>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-toggleable-lg,
    .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-toggleable-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-lg .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-lg>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%
    }
    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.alert-dismissible .close,
.btn .badge,
.card,
.embed-responsive,
.list-group-item,
.page-link {
    position: relative
}

.navbar-toggleable-xl>.container {
    padding-right: 0;
    padding-left: 0
}

.navbar-toggleable-xl .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.card,
.list-group,
.main-layout .slider-item .description,
.modal-content {
    -webkit-box-orient: vertical
}

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

.navbar-toggleable-xl>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    width: 100%
}

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

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

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

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

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

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

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

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

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

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

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

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

.navbar-inverse .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-inverse .navbar-nav .active>.nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open>.nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

.card-footer,
.card-header {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9
}

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

.card-blockquote,
.card-header,
.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-subtitle {
    margin-top: -.375rem
}

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

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

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

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

.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

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

.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125)
}

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

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

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer,
.card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer,
.card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer,
.card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer,
.card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer,
.card-danger .card-header,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-outline-danger,
.card-outline-info,
.card-outline-primary,
.card-outline-secondary,
.card-outline-success,
.card-outline-warning {
    background-color: transparent
}

.card-outline-primary {
    border-color: #0275d8
}

.card-outline-secondary {
    border-color: #ccc
}

.card-outline-info {
    border-color: #5bc0de
}

.card-outline-success {
    border-color: #5cb85c
}

.card-outline-warning {
    border-color: #f0ad4e
}

.card-outline-danger {
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-footer,
.card-inverse .card-header {
    border-color: rgba(255, 255, 255, .2)
}

.card-inverse .card-blockquote,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    border-left: 0
}

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

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

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

.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width:576px) {
    .card-deck {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-deck .card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .card-deck .card:not(:first-child) {
        margin-left: 15px
    }
    .card-deck .card:not(:last-child) {
        margin-right: 15px
    }
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }
    .card-group .card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group .card:not(:first-child):not(:last-child),
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
    .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        border-radius: 0
    }
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb,
.pagination {
    border-radius: .25rem;
    list-style: none
}

.breadcrumb {
    background-color: #eceeef
}

.breadcrumb::after {
    display: block;
    content: "";
    clear: both
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #636c72;
    content: "/"
}

.pagination,
.progress {
    display: -webkit-flex;
    display: -ms-flexbox
}

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: flex;
    padding-left: 0
}

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

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

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
    color: #014c8c;
    background-color: #eceeef;
    border-color: #ddd
}

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

.popover,
.tooltip {
    font-size: .875rem;
    display: block
}

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

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

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

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

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

.badge,
.progress {
    text-align: center;
    border-radius: .25rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline
}

.popover,
.tooltip {
    white-space: normal;
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    top: -1px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-default {
    background-color: #636c72
}

.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: #4b5257
}

.badge-primary {
    background-color: #0275d8
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #025aa5
}

.badge-success {
    background-color: #5cb85c
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #449d44
}

.badge-info {
    background-color: #5bc0de
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #31b0d5
}

.badge-warning {
    background-color: #f0ad4e
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #ec971f
}

.badge-danger {
    background-color: #d9534f
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #c9302c
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}

.alert,
address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 1rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: flex;
    font-size: .75rem;
    line-height: 1rem;
    background-color: #eceeef
}

.list-group,
.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.list-group {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

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

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

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item:disabled .list-group-item-text {
    color: #636c72
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.embed-responsive {
    display: block;
    width: 100%;
    padding: 0
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

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

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

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

.close {
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal-content,
.modal-header {
    display: -webkit-flex;
    display: -ms-flexbox
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.fixed-bottom,
.fixed-top,
.modal-backdrop {
    position: fixed;
    right: 0
}

.modal-backdrop {
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    word-break: normal;
    word-spacing: normal;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.tooltip-top .tooltip-inner::before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip.tooltip-right .tooltip-inner::before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip.tooltip-bottom .tooltip-inner::before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip.tooltip-left .tooltip-inner::before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.tooltip-inner::before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    word-break: normal;
    word-spacing: normal;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover.bs-tether-element-attached-bottom,
.popover.popover-top {
    margin-top: -10px
}

.popover.bs-tether-element-attached-bottom::after,
.popover.bs-tether-element-attached-bottom::before,
.popover.popover-top::after,
.popover.popover-top::before {
    left: 50%;
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom::before,
.popover.popover-top::before {
    bottom: -11px;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-bottom::after,
.popover.popover-top::after {
    bottom: -10px;
    margin-left: -10px;
    border-top-color: #fff
}

.popover.bs-tether-element-attached-left,
.popover.popover-right {
    margin-left: 10px
}

.popover.bs-tether-element-attached-left::after,
.popover.bs-tether-element-attached-left::before,
.popover.popover-right::after,
.popover.popover-right::before {
    top: 50%;
    border-left-width: 0
}

.popover.bs-tether-element-attached-left::before,
.popover.popover-right::before {
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-left::after,
.popover.popover-right::after {
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff
}

.popover.bs-tether-element-attached-top,
.popover.popover-bottom {
    margin-top: 10px
}

.popover.bs-tether-element-attached-top::after,
.popover.bs-tether-element-attached-top::before,
.popover.popover-bottom::after,
.popover.popover-bottom::before {
    left: 50%;
    border-top-width: 0
}

.popover.bs-tether-element-attached-top::before,
.popover.popover-bottom::before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-top::after,
.popover.popover-bottom::after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7
}

.popover.bs-tether-element-attached-top .popover-title::before,
.popover.popover-bottom .popover-title::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.popover.bs-tether-element-attached-right,
.popover.popover-left {
    margin-left: -10px
}

.popover.bs-tether-element-attached-right::after,
.popover.bs-tether-element-attached-right::before,
.popover.popover-left::after,
.popover.popover-left::before {
    top: 50%;
    border-right-width: 0
}

.popover.bs-tether-element-attached-right::before,
.popover.popover-left::before {
    right: -11px;
    margin-top: -11px;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-right::after,
.popover.popover-left::after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover::after,
.popover::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel,
.carousel-inner,
.carousel-item {
    position: relative
}

.popover::before {
    content: "";
    border-width: 11px
}

.popover::after {
    content: "";
    border-width: 10px
}

.carousel-inner {
    width: 100%
}

.carousel-item {
    display: none;
    width: 100%
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@supports ((-webkit-transform:translate3d(0,
0,
0)) or (transform:translate3d(0,
0,
0))) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::after,
.carousel-indicators li::before {
    left: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    content: "";
    display: inline-block
}

.carousel-indicators li::before {
    top: -10px
}

.carousel-indicators li::after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8!important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5!important
}

.bg-success {
    background-color: #5cb85c!important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44!important
}

.bg-info {
    background-color: #5bc0de!important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5!important
}

.bg-warning {
    background-color: #f0ad4e!important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f!important
}

.bg-danger {
    background-color: #d9534f!important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c!important
}

.bg-inverse {
    background-color: #292b2c!important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #101112!important
}

.border-0 {
    border: 0!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem
}

.rounded-left,
.rounded-top {
    border-top-left-radius: .25rem
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.rounded {
    border-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

.clearfix::after {
    display: block;
    content: "";
    clear: both
}

.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-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.hidden-xl-down,
.hidden-xs-up,
.visible-print-block {
    display: none!important
}

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

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

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

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse!important
}

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

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-flex-direction: column-reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse!important;
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -webkit-justify-content: space-around!important;
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -webkit-align-items: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -webkit-align-items: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -webkit-align-content: flex-start!important;
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -webkit-align-content: flex-end!important;
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -webkit-align-content: center!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -webkit-align-content: space-between!important;
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -webkit-align-content: space-around!important;
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -webkit-align-content: stretch!important;
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -webkit-align-self: auto!important;
    -ms-flex-item-align: auto!important;
    -ms-grid-row-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -webkit-align-self: flex-start!important;
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -webkit-align-self: flex-end!important;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -webkit-align-self: baseline!important;
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -webkit-align-self: stretch!important;
    -ms-flex-item-align: stretch!important;
    -ms-grid-row-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

.fixed-top {
    top: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.m-0,
.selectric-input {
    margin: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.m-1 {
    margin: .25rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.m-2 {
    margin: .5rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.m-3 {
    margin: 1rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.m-5 {
    margin: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pl-0 {
    padding-left: 0!important
}

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

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.p-1 {
    padding: .25rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.p-2 {
    padding: .5rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.p-3 {
    padding: 1rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.p-5 {
    padding: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto {
    margin-top: auto!important
}

.mr-auto {
    margin-right: auto!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ml-auto {
    margin-left: auto!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

@media (min-width:576px) {
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .m-sm-0 {
        margin: 0!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0 {
        padding-left: 0!important
    }
    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto {
        margin-left: auto!important
    }
    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }
}

@media (min-width:768px) {
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .m-md-0 {
        margin: 0!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0 {
        padding-top: 0!important
    }
    .pr-md-0 {
        padding-right: 0!important
    }
    .pb-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0 {
        padding-left: 0!important
    }
    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto {
        margin-left: auto!important
    }
    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }
}

@media (min-width:992px) {
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .m-lg-0 {
        margin: 0!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0 {
        padding-left: 0!important
    }
    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto {
        margin-left: auto!important
    }
    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
    .hidden-sm-up {
        display: none!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
    .hidden-md-up {
        display: none!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
    .hidden-lg-up {
        display: none!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff!important
}

.text-muted {
    color: #636c72!important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #4b5257!important
}

.text-primary {
    color: #0275d8!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5!important
}

.text-success {
    color: #5cb85c!important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44!important
}

.text-info {
    color: #5bc0de!important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5!important
}

.text-warning {
    color: #f0ad4e!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f!important
}

.text-danger {
    color: #d9534f!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c!important
}

.text-gray-dark {
    color: #292b2c!important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #101112!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden!important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none!important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none!important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none!important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none!important
    }
}

@media (min-width:1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .m-xl-0 {
        margin: 0!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0 {
        padding-left: 0!important
    }
    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto {
        margin-left: auto!important
    }
    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
    .hidden-xl-up {
        display: none!important
    }
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
    .hidden-print {
        display: none!important
    }
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-slider {
    box-sizing: border-box;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.container,
.container-fluid {
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto
}

.slick-list:focus {
    outline: 0
}

.selectric-input,
[tabindex="-1"]:focus {
    outline: 0!important
}

.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-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

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

.container {
    position: relative
}

@media (min-width:576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 540px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 720px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 960px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

@media (min-width:576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 1140px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

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

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

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

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

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

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

.col-2,
.col-3 {
    -webkit-box-flex: 0
}

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

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

.col-4,
.col-5 {
    -webkit-box-flex: 0
}

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

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

.col-6,
.col-7 {
    -webkit-box-flex: 0
}

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

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

.col-8,
.col-9 {
    -webkit-box-flex: 0
}

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

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

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

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

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

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

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.333333%
    }
    .pull-sm-2 {
        right: 16.666667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.333333%
    }
    .pull-sm-5 {
        right: 41.666667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.333333%
    }
    .pull-sm-8 {
        right: 66.666667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.333333%
    }
    .pull-sm-11 {
        right: 91.666667%
    }
    .pull-sm-12 {
        right: 100%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.333333%
    }
    .push-sm-2 {
        left: 16.666667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.333333%
    }
    .push-sm-5 {
        left: 41.666667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.333333%
    }
    .push-sm-8 {
        left: 66.666667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.333333%
    }
    .push-sm-11 {
        left: 91.666667%
    }
    .push-sm-12 {
        left: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.333333%
    }
    .pull-md-2 {
        right: 16.666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.333333%
    }
    .pull-md-5 {
        right: 41.666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.333333%
    }
    .pull-md-8 {
        right: 66.666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.333333%
    }
    .pull-md-11 {
        right: 91.666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.333333%
    }
    .push-md-2 {
        left: 16.666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.333333%
    }
    .push-md-5 {
        left: 41.666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.333333%
    }
    .push-md-8 {
        left: 66.666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.333333%
    }
    .push-md-11 {
        left: 91.666667%
    }
    .push-md-12 {
        left: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.333333%
    }
    .pull-lg-2 {
        right: 16.666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.333333%
    }
    .pull-lg-5 {
        right: 41.666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.333333%
    }
    .pull-lg-8 {
        right: 66.666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.333333%
    }
    .pull-lg-11 {
        right: 91.666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.333333%
    }
    .push-lg-2 {
        left: 16.666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.333333%
    }
    .push-lg-5 {
        left: 41.666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.333333%
    }
    .push-lg-8 {
        left: 66.666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.333333%
    }
    .push-lg-11 {
        left: 91.666667%
    }
    .push-lg-12 {
        left: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.333333%
    }
    .pull-xl-2 {
        right: 16.666667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.333333%
    }
    .pull-xl-5 {
        right: 41.666667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.333333%
    }
    .pull-xl-8 {
        right: 66.666667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.333333%
    }
    .pull-xl-11 {
        right: 91.666667%
    }
    .pull-xl-12 {
        right: 100%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.333333%
    }
    .push-xl-2 {
        left: 16.666667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.333333%
    }
    .push-xl-5 {
        left: 41.666667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.333333%
    }
    .push-xl-8 {
        left: 66.666667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.333333%
    }
    .push-xl-11 {
        left: 91.666667%
    }
    .push-xl-12 {
        left: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.v-fasha {
    background-size: contain!important
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .v-fasha {
        background: url(../images/575x50.png) center center no-repeat
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .v-fasha {
        background: url(../images/767x41.png) center center no-repeat
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .v-fasha {
        background: url(../images/991x41.png) center center no-repeat
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .v-fasha {
        background: url(../images/1200x41.png) center center no-repeat;
        margin: 0 15px;
        width: calc(100% - 30px)
    }
}

@media only screen and (min-width:1200px) {
    .v-fasha {
        background: url(../images/1200x41.png) center center no-repeat;
        margin: 0 15px;
        width: calc(100% - 30px)
    }
}

.v-fasha img {
    width: 100%;
    height: auto
}

.v-fasha .devices {
    display: none
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .v-fasha .devices.xs {
        display: block
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .v-fasha .devices.sm {
        display: block
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .v-fasha .devices.md {
        display: block
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .v-fasha .devices.lg {
        display: block
    }
}

@media only screen and (min-width:1200px) {
    .v-fasha .devices.xl {
        display: block
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #DDD;
    border-radius: 0;
    background: #F8F8F8;
    position: relative;
    overflow: hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    line-height: 38px;
    height: 38px;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #BBB;
    text-align: center;
    font: 0/0 a
}

.selectric .button:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    overflow: hidden!important;
    clip: rect(0, 0, 0, 0)!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    border: none!important;
    background: 0 0!important
}

.selectric-temp-show {
    position: absolute!important;
    visibility: hidden!important;
    display: block!important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li,
.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #E0E0E0;
    color: #444
}

.selectric-items li.highlighted {
    background: #D0D0D0;
    color: #444
}

.selectric-items li:hover {
    background: #D5D5D5;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default!important;
    background: 0 0!important;
    color: #666!important;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

@media only screen and (max-width:575px) {
    .no-padding-xs {
        padding: 0
    }
    .no-padding-left-xs {
        padding-left: 0
    }
    .no-padding-right-xs {
        padding-right: 0
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .no-padding-sm {
        padding: 0
    }
    .no-padding-left-sm {
        padding-left: 0
    }
    .no-padding-right-sm {
        padding-right: 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .no-padding-md {
        padding: 0
    }
    .no-padding-left-md {
        padding-left: 0
    }
    .no-padding-right-md {
        padding-right: 0
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .no-padding-lg {
        padding: 0
    }
    .no-padding-left-lg {
        padding-left: 0
    }
    .no-padding-right-lg {
        padding-right: 0
    }
}

@media only screen and (min-width:1200px) {
    .no-padding-xl {
        padding: 0
    }
    .no-padding-left-xl {
        padding-left: 0
    }
    .no-padding-right-xl {
        padding-right: 0
    }
}

.section-more-holder {
    text-align: center;
    padding: 0
}

.btn {
    font-family: "NotoSans Bold";
    font-size: 14px;
    display: inline-block;
    min-width: 170px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #2a53c1;
    cursor: pointer;
    margin-top: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    vertical-align: baseline
}

.btn.btn-white {
    color: #2a53c1;
    background: url(../../images/btn-blue-left.svg) -15px -13px no-repeat #fff
}

.btn.btn-blue,
.btn.btn-white:hover {
    color: #fff;
    background: url(../../images/btn-blue-left.svg) -15px -73px no-repeat #2a53c1
}

.btn.btn-white:hover {
    text-decoration: none
}

.btn.btn-blue:hover {
    color: #2a53c1;
    background: url(../../images/btn-blue-left.svg) -15px -13px no-repeat #fff;
    text-decoration: none
}

.btn.full {
    width: 100%
}

main {
    display: block
}

@font-face {
    font-family: FiraSans;
    src: local("☺"), url(../../fonts/FiraSans/FiraSans-Regular.woff) format("woff"), url(../../fonts/FiraSans/FiraSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FiraSans SemiBold";
    src: url(../../fonts/FiraSans/FiraSans-SemiBold.woff2) format("woff2"), url(../../fonts/FiraSans/FiraSans-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FiraSans Bold";
    src: local("☺"), url(../../fonts/FiraSans/FiraSans-Bold.woff) format("woff"), url(../../fonts/FiraSans/FiraSans-Bold.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NotoSerif;
    src: local("☺"), url(../../fonts/NotoSerif/NotoSerif.woff) format("woff"), url(../../fonts/NotoSerif/NotoSerif.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "NotoSerif Bold";
    src: local("☺"), url(../../fonts/NotoSerif/NotoSerif-Bold.woff) format("woff"), url(../../fonts/NotoSerif/NotoSerif-Bold.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "NotoSerif Italic";
    src: local("☺"), url(../../fonts/NotoSerif/NotoSerif-Italic.woff) format("woff"), url(../../fonts/NotoSerif/NotoSerif-Italic.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NotoSans;
    src: local("☺"), url(../../fonts/NotoSans/NotoSans.woff) format("woff"), url(../../fonts/NotoSans/NotoSans.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "NotoSans Bold";
    src: local("☺"), url(../../fonts/NotoSans/NotoSans-Bold.woff) format("woff"), url(../../fonts/NotoSans/NotoSans-Bold.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Repo;
    src: url(../../fonts/Repo/Repo-Bold.woff2) format("woff2"), url(../../fonts/Repo/Repo-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Repo;
    src: url(../../fonts/Repo/Repo-Medium.woff2) format("woff2"), url(../../fonts/Repo/Repo-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Cygre;
    src: url(../../fonts/Cygre/Cygre-Regular.woff2) format("woff2"), url(../../fonts/Cygre/Cygre-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.ui-selectable {
    list-style-type: none;
    margin: 0 auto 55px
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .ui-selectable {
        margin-bottom: 65px
    }
}

@media only screen and (min-width:576px) {
    .ui-selectable {
        margin-bottom: 70px
    }
}

.ui-selectable:last-of-type {
    margin-bottom: 26px
}

.ui-selectable .ui-widget-content {
    position: relative;
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    padding: 15px;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    line-height: 22px;
    font: 18px/24px FiraSans;
    color: #000
}

@media only screen and (min-width:768px) {
    .btn {
        min-width: 150px
    }
    .ui-selectable .ui-widget-content {
        font: 19px/24px FiraSans
    }
}

.ui-selectable .ui-widget-content:hover {
    cursor: pointer
}

.ui-selectable .ui-widget-content .answer {
    position: relative;
    padding: 0 0 0 36px;
    display: block
}

.ui-selectable .ui-widget-content .answer:before {
    content: " ";
    position: absolute;
    top: -4px;
    left: 0;
    width: 23px;
    height: 28px;
    display: block;
    background: url(../../images/checkbox-sprite.svg) -20px -13px no-repeat
}

.curtain,
body,
html {
    height: 100%
}

.ui-selectable .ui-widget-content.chkbox {
    border: 0
}

.ui-selectable .ui-widget-content.ui-selected.chkbox {
    color: #000;
    background-color: #f5f5f5
}

.ui-selectable .ui-widget-content.ui-selected {
    background-color: #2a53c1;
    color: #fff
}

.ui-selectable .ui-widget-content.ui-selected .answer:before {
    background-position: -20px -67px
}

.ui-selectable.chkbox {
    margin: 0 -15px
}

.ui-selectable.chkbox .ui-widget-content {
    border: 0
}

.ui-selectable.chkbox .ui-widget-content.ui-selected {
    color: #000;
    background-color: #f5f5f5
}

.form-note {
    font: 12px/24px NotoSerif;
    color: #828282;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .form-note {
        margin-top: 30px;
        margin-bottom: 35px
    }
}

* {
    margin: 0;
    padding: 0
}

body {
    background: center 58px #fff;
    font: 16px FiraSans, sans-serif
}

img {
    border: 0
}

hr {
    background-color: #999;
    border-width: 0;
    color: #999;
    line-height: 0;
    page-break-after: always;
    text-align: center
}

.wrapper {
    max-width: 1600px;
    background: #fff;
    margin: auto;
    padding: 25px 0
}

.curtain {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 990;
    display: none;
    background-color: rgba(59, 62, 63, .5)
}

.article-big .img-big-wrapper span.gr-black,
span.gr-black {
    z-index: 200;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#009e9e9e", endColorstr="#141414", GradientType=0)
}

.hidden-h1 {
    position: absolute;
    left: -9999px;
    top: -9999px
}

span.gr-black,
span.gr-blue {
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0
}

span.gr-black {
    background: -moz-linear-gradient(top, rgba(158, 158, 158, 0) 36%, rgba(158, 158, 158, 0) 43%, rgba(158, 158, 158, .12) 50%, #141414 100%);
    background: -webkit-linear-gradient(top, rgba(158, 158, 158, 0) 36%, rgba(158, 158, 158, 0) 43%, rgba(158, 158, 158, .12) 50%, #141414 100%);
    background: linear-gradient(to bottom, rgba(158, 158, 158, 0) 36%, rgba(158, 158, 158, 0) 43%, rgba(158, 158, 158, .12) 50%, #141414 100%)
}

span.gr-blue {
    z-index: 210;
    background: -moz-linear-gradient(top, rgba(20, 20, 20, 0) 35%, rgba(42, 83, 193, .44) 100%);
    background: -webkit-linear-gradient(top, rgba(20, 20, 20, 0) 35%, rgba(42, 83, 193, .44) 100%);
    background: linear-gradient(to bottom, rgba(20, 20, 20, 0) 35%, rgba(42, 83, 193, .44) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00141414", endColorstr="#702a53c1", GradientType=0)
}

.box-title {
    display: block;
    width: 100%;
    float: none;
    margin-bottom: 18px
}

.box-title h1.title,
.box-title h2 {
    color: #000;
    font-family: NotoSerif;
    font-size: 28px;
    line-height: 30px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:768px) {
    .box-title h1.title,
    .box-title h2 {
        font-size: 33px;
        line-height: 30px
    }
}

.box-title h1.title a,
.box-title h2 a {
    color: #2a53c1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.box-title h1.title a .site-title,
.box-title h2 a .site-title {
    display: flex;
    align-items: baseline;
    margin-left: 10px;
    margin-top: 4px;
    color: #000;
    font-size: 14px;
    line-height: normal;
    font-family: FiraSans
}

.box-title h1.title a .site-title:after,
.box-title h2 a .site-title:after {
    margin-left: 10px;
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    bottom: -2px;
    background: url(../../images/external-link.svg) no-repeat;
    background-size: 100% auto
}

@media only screen and (min-width:992px) {
    .box-title h2 {
        display: inline-block
    }
    .box-title-label {
        top: -3px;
        margin-right: 13px
    }
}

.box-title-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    font-family: "NotoSans Bold";
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 10px;
    margin-left: 5px
}

.box-title-label::before {
    background-color: #D70000;
    border-radius: 3px 0;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    transform: skew(-16deg);
    z-index: -1
}

.change .bar1,
.nav-main .close .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px)
}

.article-footer-wrapper:after,
.article-footer:after,
.article-info:after,
.article-standard:after,
.article-text>ul:after,
.author-info:after,
.author-section .inner:after,
.author-section:after,
.authors-list:after,
.authors:after,
.card-item:after,
.category:after,
.clearfix:after,
.containerTop:after,
.file-input:after,
.footer reserved:after,
.horoscope-daily ul:after,
.horoscope-daily:after,
.last-articles:after,
.leading-inner:after,
.leading-news:after,
.list-item-category:after,
.list-item:after,
.mobile-app:after,
.native-ad:after,
.native-inner:after,
.native-mobile:after,
.page-content-wrapper:after,
.poll-box .poll-field div:after,
.rel-articles:after,
.relNewsContent:after,
.search-page:after,
.sponsored-by:after,
article:after,
aside.right-column:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%
}

.m-banner-high,
.m-banner-interstitial,
.m-banner-low {
    display: block;
    width: 100%;
    margin: 0 0 44px;
    text-align: center
}

.banner-programatic {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 36px
}

.googleResponsive {
    margin: 0 0 30px
}

.article-text .googleResponsive {
    margin: 30px 0
}

.adsbox {
    max-height: 1px;
    font-size: 1px;
    background: 0 0;
    position: absolute;
    z-index: -990
}

.leaderboard {
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 1px 0
}

.leaderboard>div>a,
.leaderboard>div>div,
.leaderboard>div>iframe {
    margin: 35px auto!important;
    display: block
}

.vesti-v {
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative
}

.vesti-v .vesti-silhouette {
    position: absolute;
    z-index: -1;
    width: 690px;
    height: 745px;
    top: 0;
    left: -160px;
    background: url(../../images/v_bgr.svg) no-repeat
}

@media only screen and (max-width:575px) {
    .vesti-v .vesti-silhouette {
        background: 0 0
    }
}

.container-fluid {
    position: relative;
    min-width: 320px;
    padding: 0;
    overflow: hidden
}

@media only screen and (min-width:1199px) {
    .container-fluid {
        padding: 0 calc((100% - 1200px)/ 2)
    }
}

.container-fluid>header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    transition: top .4s linear
}

.container-fluid>header.white {
    background-color: rgba(255, 255, 255, .95)
}

.container-fluid>header.shown {
    top: 0
}

.container-fluid>header.hidden {
    top: -58px
}

.container-fluid>header.zIndexLow {
    z-index: 500
}

.main-wrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .main-wrapper {
        max-width: 512px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper {
        max-width: 512px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper {
        max-width: 767px
    }
}

.main-wrapper.top {
    padding: 52px 0 0
}

@media only screen and (min-width:768px) {
    .main-wrapper.top {
        padding: 86px 0 0
    }
}

.main-wrapper.category,
.main-wrapper.search {
    padding-top: 40px
}

.main-wrapper.no-padding {
    padding: 0
}

.main-wrapper.unlimited {
    width: 100%;
    max-width: initial
}

@media only screen and (max-width:991px) {
    .main-wrapper #exclusive-id {
        padding-left: 0;
        padding-right: 0
    }
}

.main-wrapper .exclusive {
    background-color: #2a53c1;
    line-height: 35px;
    min-height: 36px;
    position: relative
}

.main-wrapper .exclusive a {
    text-decoration: none
}

.main-wrapper .exclusive .exclusive-link {
    display: inline-block;
    position: relative;
    width: 90%
}

.main-wrapper .exclusive .exclusive-label {
    color: #fff;
    display: none;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    background-color: #c72424;
    font-family: "NotoSans Bold";
    padding: 0 40px 0 15px;
    text-transform: uppercase;
    position: relative;
    margin-right: 16px
}

.logo,
.nav-toggle {
    display: inline-block;
    float: left
}

@media only screen and (min-width:768px) {
    .main-wrapper .exclusive .exclusive-label {
        float: left;
        display: inline-block
    }
}

.main-wrapper .exclusive .exclusive-label:after {
    width: 0;
    height: 0;
    content: ".";
    font-size: 0;
    color: transparent;
    border-bottom: 36px solid transparent;
    border-right: 13px solid #2a53c1;
    position: absolute;
    right: 0
}

.main-wrapper .exclusive .exclusive-text {
    padding: 8px 15px;
    margin: 0;
    font-family: NotoSerif;
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.main-wrapper .exclusive .exl-close {
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 18px;
    font-family: NotoSans;
    text-decoration: none
}

.main-wrapper .exclusive .exl-close:hover {
    opacity: .5
}

.nav-toggle {
    cursor: pointer;
    padding: 6px 15px;
    margin-right: -2px;
    position: relative;
    z-index: 1000
}

@media only screen and (min-width:576px) {
    .nav-toggle {
        margin-right: 14px
    }
}

@media only screen and (max-width:767px) {
    .nav-toggle {
        margin-top: -10px
    }
}

.nav-toggle .bar1,
.nav-toggle .bar2,
.nav-toggle .bar3 {
    height: 2px;
    background-color: #2b2f32;
    margin: 6px 0;
    transition: .4s
}

.card-item img,
.nav-aside>img {
    -webkit-transition-property: -webkit-transform
}

.nav-toggle .bar1 {
    width: 18px
}

.nav-toggle .bar2 {
    width: 20px
}

.nav-toggle .bar3 {
    width: 22px
}

.nav-toggle.change .bar1,
.nav-toggle.change .bar2,
.nav-toggle.change .bar3 {
    background-color: #fff;
    width: 22px
}

.change .bar1 {
    transform: rotate(-45deg) translate(-9px, 6px)
}

.change .bar2 {
    opacity: 0
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -3px);
    transform: rotate(45deg) translate(-5px, -3px)
}

.logo {
    background: url(../images/vesti_logo.svg) center center no-repeat;
    background-size: contain;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    width: 89px;
    height: 23px;
    line-height: 6px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .nav-toggle {
        padding: 3px 15px
    }
    .logo {
        width: 122px;
        height: 31px;
        margin-right: 14px
    }
}

@media only screen and (min-width:992px) {
    .logo {
        width: 141px;
        height: 36px;
        margin-right: 15px
    }
}

.logo.bda-logo {
    background: url(../../images/bda-logo.svg) center center no-repeat
}

.nav-aside {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: calc((100% - 1200px)/ 2 + 16px);
    background-color: #2a53c1;
    z-index: 990;
    display: none;
    min-height: 100%
}

.nav-aside li,
.nav-aside.visible {
    display: block
}

.nav-aside>img {
    top: 0;
    bottom: 0;
    min-height: 905px;
    height: 100%;
    width: auto;
    position: absolute;
    right: -50%;
    transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transition-property: transform
}

.nav-aside area,
.nav-aside map {
    cursor: default
}

.nav-aside ul.site-pages {
    position: relative;
    padding: 52px 0 30px;
    min-width: 260px
}

@media only screen and (min-width:576px) {
    .nav-aside ul.site-pages {
        padding: 60px 0 30px
    }
}

.nav-aside li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 20px 0 50px;
    overflow: hidden;
    box-sizing: border-box
}

@media only screen and (min-width:992px) {
    .nav-aside li.search-form {
        display: none
    }
}

.nav-aside .na-uchilishte a:after {
    content: " ";
    position: relative;
    display: inline-block;
    height: 24px;
    width: 85px;
    margin-left: 12px;
    background: url(../../images/logo-kaufland.png) no-repeat;
    background-size: cover;
    top: 6px
}

.nav-aside a {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.nav-aside a:hover {
    color: #fff;
    text-decoration: underline
}

.nav-aside form {
    width: 190px;
    height: 32px;
    position: relative;
    top: 10px
}

.nav-aside form input[type=text] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #f4f4f4;
    height: 32px;
    border: 0;
    margin: 0;
    padding: 0 40px 0 7px
}

.nav-aside form input[type=submit] {
    display: inline-block;
    width: 24px;
    border: 0;
    height: 24px;
    position: absolute;
    right: 9px;
    top: 5px;
    box-sizing: border-box;
    background: url(../../images/icons-sprite.svg) -19px -12px no-repeat
}

.site-privacy {
    position: relative;
    z-index: 100;
    margin-top: -20px;
    padding-top: 20px;
    border-top: 1px solid #5366cd;
    margin-left: 35px
}

.site-privacy li {
    position: relative;
    font-weight: 400;
    font-family: FiraSans;
    padding-left: 50px
}

.site-privacy li a {
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 50px
}

.site-privacy .trigger-faktorio:before,
.site-privacy .trigger-newsletter:before {
    left: 10px;
    display: inline-block;
    position: absolute;
    content: " ";
    top: 8px;
    width: 30px;
    height: 30px
}

.site-privacy .trigger-newsletter:before {
    background: url(../../images/icons-GDPR-sprite.svg) no-repeat
}

.site-privacy .trigger-faktorio:before {
    background: url(../../images/icons-GDPR-sprite.svg) 0 -30px no-repeat
}

.site-privacy .trigger-gdpr:before {
    display: inline-block;
    position: absolute;
    content: " ";
    left: -40px;
    left: 10px;
    top: 8px;
    width: 30px;
    height: 30px;
    background: url(../../images/icons-GDPR-sprite.svg) 0 -60px no-repeat
}

.site-privacy .trigger-onesignal:before {
    display: inline-block;
    position: absolute;
    content: " ";
    left: 10px;
    top: 8px;
    width: 30px;
    height: 30px;
    background: url(../../images/icons-GDPR-sprite.svg) 0 -90px no-repeat
}

.nav-main {
    font-family: "NotoSans Bold";
    height: 52px;
    display: block;
    width: 100%;
    background-color: transparent;
    border-top: 2px solid #2a53c1;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
    padding: 13px 0
}

@media only screen and (min-width:768px) {
    .nav-main {
        height: 67px;
        border-top: 3px solid #2a53c1
    }
}

@media only screen and (min-width:1200px) {
    .nav-main {
        padding: 13px calc((100% - 1200px)/ 2)
    }
}

.nav-main .links {
    float: right;
    display: table;
    height: 100%
}

.nav-main .links a {
    height: 100%;
    color: #262626;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 15px;
    display: none;
    vertical-align: middle;
    position: relative
}

.nav-main .links a:nth-of-type(1) {
    display: table-cell
}

@media only screen and (min-width:768px) {
    .nav-main .links {
        float: left
    }
    .nav-main .links a {
        padding: 0 12px 0 15px
    }
    .nav-main .links a:nth-of-type(2),
    .nav-main .links a:nth-of-type(3),
    .nav-main .links a:nth-of-type(4) {
        display: table-cell
    }
}

.nav-main .links a:hover {
    text-decoration: underline;
    text-decoration-color: #2a53c1
}

.nav-main .links a:after {
    display: block;
    width: 1px
}

.nav-main .links a:first-child:before {
    display: none
}

.nav-main .links a:before {
    content: "/";
    display: inline-block;
    color: #cfcfcf;
    position: absolute;
    left: 0
}

@media only screen and (min-width:992px) {
    .nav-main .links a {
        padding: 0 20px 0 25px;
        font-size: 15px
    }
    .nav-main .links.showOnArticle {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-main .links.showOnArticle {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .nav-main .links.showOnArticle {
        display: block
    }
}

.nav-main.white {
    background-color: #fff
}

.nav-main .search {
    display: none;
    height: 100%;
    position: relative
}

@media only screen and (min-width:992px) {
    .nav-main .search {
        display: table;
        float: left;
        min-width: 40px;
        min-height: 37px
    }
}

.nav-main .search>div {
    vertical-align: middle;
    display: table-cell
}

@media only screen and (min-width:992px) {
    .nav-main .search.showOnArticle {
        display: none
    }
}

.nav-main .close {
    display: none;
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 37px;
    padding: 2px 9px
}

.nav-main .close .bar1,
.nav-main .close .bar2,
.nav-main .close .bar3 {
    height: 2px;
    background-color: #2b2f32;
    margin: 6px 0;
    transition: .4s;
    width: 24px
}

.nav-main .close .bar1 {
    transform: rotate(-45deg) translate(-9px, 6px)
}

.nav-main .close .bar2 {
    opacity: 0
}

.nav-main .close .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -3px);
    transform: rotate(45deg) translate(-5px, -3px)
}

.nav-main input[type=text] {
    display: none;
    width: 100%;
    box-sizing: border-box;
    background-color: #f4f4f4;
    height: 37px;
    border: 0;
    margin: 0;
    padding: 0 40px
}

.nav-main input[type=submit] {
    display: inline-block;
    width: 40px;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: url(../../images/icons-sprite.svg) -10px -5px no-repeat
}

.nav-main .article-title {
    display: none;
    font-family: "NotoSans Bold", sans-serif;
    color: #262626;
    font-size: 16px;
    padding: 0 15px;
    width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .nav-main .article-title {
        width: 50%
    }
}

@media only screen and (max-width:991px) and (min-width:767px) {
    .nav-main .article-title {
        width: 40%;
        padding-left: 0
    }
}

@media only screen and (min-width:992px) {
    .nav-main .article-title.showOnArticle {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-main .article-title.showOnArticle {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .nav-main .article-title.showOnArticle {
        display: none
    }
}

.nav-main .article-share {
    display: none;
    position: absolute;
    left: auto;
    top: 11px;
    right: 15px;
    background: #fff
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .nav-main .article-share .facebookButtonShareVestiArticle {
        width: 110px
    }
}

@media only screen and (max-width:991px) and (min-width:767px) {
    .nav-main .article-share .facebookButtonShareVestiArticle {
        width: 90px
    }
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .nav-main .article-share .commentsButton,
    .nav-main .article-share .fbButton {
        width: 110px
    }
}

@media only screen and (max-width:991px) and (min-width:767px) {
    .nav-main .article-share .commentsButton,
    .nav-main .article-share .fbButton {
        width: 90px
    }
}

.nav-main .article-share .commentsButton,
.nav-main .article-share .fbButton {
    display: inline-block;
    overflow: hidden;
    height: 38px
}

.nav-main .article-share.showOnArticle {
    max-height: 52px;
    overflow: hidden
}

@media only screen and (min-width:992px) {
    .nav-main .article-share.showOnArticle {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-main .article-share.showOnArticle {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .nav-main .article-share.showOnArticle {
        display: none
    }
}

@media only screen and (min-width:1200px) {
    .nav-main .article-share.showOnArticle {
        right: calc((100% - 1200px)/ 2 + 15px)
    }
}

.dropdownNav {
    top: 0;
    z-index: 100;
    box-sizing: border-box
}

.whiteBorderedNav-wrapper {
    position: absolute;
    z-index: 100;
    right: -15px;
    top: 36px
}

@media only screen and (min-width:768px) {
    .nav-main .article-title {
        padding: 7px 0 0 25px
    }
    .whiteBorderedNav-wrapper {
        top: 50px;
        right: 0
    }
}

.whiteBorderedNav {
    background: #fff;
    border: 1px solid #cfcfcf;
    right: -28px;
    top: 6px;
    width: 320px;
    max-width: 360px;
    padding-bottom: 15px
}

@media only screen and (min-width:360px) {
    .whiteBorderedNav {
        width: 360px
    }
}

.whiteBorderedNav li {
    display: inline-block;
    width: 33.33%;
    float: left
}

.whiteBorderedNav a {
    font: 13px/38px "NotoSans Bold";
    text-transform: none;
    padding: 0 10px;
    color: #2a53c1;
    display: inline-block
}

@media only screen and (min-width:360px) {
    .whiteBorderedNav a {
        font: 14px/40px "NotoSans Bold";
        padding: 0 15px
    }
}

.whiteBorderedNav a:hover {
    cursor: pointer
}

.weather-icon-categories {
    width: 32px
}

.weather-info {
    position: relative;
    float: right;
    margin-right: 15px;
    cursor: pointer
}

.weather-info #weather_choose {
    display: none
}

.weather-info.visible #weather_choose {
    display: block
}

.weather-info .sinoptik-block-categories {
    padding: 15px 15px 35px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    text-decoration: none
}

.weather-info .sinoptik-block-categories .sinoptik-block-top-info {
    margin-bottom: 20px
}

.weather-info .sinoptik-block-categories .sinoptik-last-update {
    font-family: FiraSans;
    font-size: 11px;
    color: #b8b8b8;
    line-height: 16px;
    float: right
}

.weather-info .sinoptik-block-categories .sinoptik-last-update span {
    font-size: 11px;
    line-height: 16px;
    padding: 0
}

.weather-info .sinoptik-block-categories .sinoptik-location-name {
    font-size: 15px;
    color: #000;
    line-height: 16px
}

.weather-info .sinoptik-block-categories .sinoptik-info-weather {
    display: inline-block;
    width: 27%;
    vertical-align: top
}

.weather-info .sinoptik-block-categories .sinoptik-temp-categories {
    display: inline-block;
    width: 39%;
    vertical-align: top
}

.weather-info .sinoptik-block-categories .sinoptik-temp-categories .current-temp {
    font-size: 65px;
    display: block;
    color: #2a53c1
}

.weather-info .sinoptik-block-categories .sinoptik-temp-categories .current-temp-feels {
    font-size: 11px;
    color: #000;
    display: block
}

.weather-info .sinoptik-block-categories .sinoptik-temp-categories .current-temp-feels span {
    font-size: 11px;
    padding: 0
}

.weather-info .sinoptik-block-categories .current-locaton-moreinfo {
    display: inline-block;
    width: 31%;
    color: #2a53c1;
    font-size: 15px;
    line-height: 18px
}

.weather-info .sinoptik-block-categories .sinoptik-link-caterogies {
    font-size: 12px;
    text-align: center;
    width: 190px;
    padding: 9px 20px;
    color: #000;
    display: block;
    line-height: 15px;
    margin: 20px auto 0;
    background-color: #fec849;
    background-image: linear-gradient(#ffd363, #febd2a)
}

.cont-weather-categories {
    vertical-align: middle;
    float: right;
    position: relative
}

.weather-info .city {
    color: #2a53c1;
    display: none
}

.white-arrow {
    display: inline-block;
    background: url(../../images/arrows.svg) -3px 0 no-repeat;
    position: relative;
    height: 18px;
    width: 18px
}

.visible .white-arrow {
    background-position: -57px 0
}

@media screen and (min-width:768px) {
    .cont-weather-categories {
        padding-top: 5px
    }
    .weather-info .city {
        display: inline-block;
        font-size: 16px;
        padding-left: 6px
    }
}

@media screen and (min-width:320px) {
    .weather-info {
        height: 42px;
        padding-right: 0
    }
    .search-md-down {
        display: none
    }
}

@media screen and (max-width:359px) {
    .weather-icon-categories {
        display: none
    }
    .weather-info .sinoptik-block-categories .sinoptik-temp-categories .current-temp {
        font-size: 56px
    }
}

section {
    display: block
}

.author,
.author>a,
.label-paid span,
.label-paid span:after,
.sponsored-by {
    display: inline-block
}

.author {
    font-weight: 400;
    font-family: "NotoSans Bold";
    overflow: hidden;
    float: left;
    margin: 0 0 15px;
    font-size: 100%
}

.author>a {
    margin: 0;
    text-decoration: none
}

.author>span {
    padding: 0 20px 0 6px
}

.author>span a {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none
}

.author img {
    width: 32px;
    height: 32px;
    z-index: 300;
    position: relative
}

@media only screen and (min-width:768px) {
    .author>span a {
        font-size: 15px
    }
    .author img {
        width: 41px;
        height: 41px
    }
}

.label-paid {
    float: left;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 32px;
    font-size: 100%
}

@media only screen and (min-width:768px) {
    .label-paid {
        line-height: 40px
    }
}

.label-paid span {
    color: #fff;
    padding: 0 5px 0 30px;
    background-color: #2a53c1;
    font: 13px/18px FiraSans;
    margin: 0 15px 0 0;
    position: relative;
    height: 18px
}

.label-paid span:after {
    content: "";
    width: 19px;
    height: 16px;
    position: absolute;
    left: 4px;
    top: 1px;
    background: url(../../images/barcode.svg) no-repeat
}

.sponsored-by {
    float: left;
    overflow: hidden;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 15px
}

@media only screen and (min-width:768px) {
    .sponsored-by {
        margin-right: 30px
    }
    .sponsored-by .img-link {
        margin: 0 15px 0 0
    }
}

.sponsored-by .img-link {
    float: left;
    margin: 0 15px 0 0;
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    font: 0/0 a
}

.sponsored-by .img-link:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.sponsored-by img {
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
    z-index: 300;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.sponsored-by .sponsored-text-wrapper {
    float: left;
    display: block
}

.sponsored-by .sponsored-text {
    display: block;
    font-size: 13px;
    color: #989898;
    margin-top: 3px
}

.sponsored-by .sponsored-name {
    font-family: "NotoSans Bold";
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    position: relative;
    top: -3px;
    left: 0;
    padding-top: 1px;
    z-index: 100
}

.box-black,
.vesti-galleryList p {
    padding: 0 0 15px
}

.sponsored-by .sponsored-name a {
    color: #000;
    font-size: 14px;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .sponsored-by .sponsored-text {
        font-size: 14px
    }
    .sponsored-by .sponsored-name a {
        font-size: 15px
    }
}

.article-time {
    float: left;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width:575px) {
    .article-time {
        font-family: "Noto Sans";
        font-size: 11px;
        color: #A3A3A3;
        display: block;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .article-time {
        line-height: 41px
    }
}

.article-time.updated span {
    color: #A3A3A3;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .article-time.updated span {
        color: #2a53c1
    }
}

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

.block-video {
    position: relative
}

.block-video .vesti-v-black {
    z-index: 0;
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative
}

.block-video .vesti-v-black .vesti-silhouette {
    position: absolute;
    z-index: 0;
    width: 797px;
    height: 750px;
    top: 0;
    right: -144px;
    background: url(../../images/v-black.svg) no-repeat
}

.block-video .vesti-video-list {
    position: relative;
    margin: 0 0 30px;
    padding: 0 15px;
    list-style-type: none
}

.block-video .vesti-video-list h3 {
    font-size: 24px;
    line-height: 30px;
    font-family: NotoSerif;
    color: #fff;
    padding: 30px 0 15px;
    display: block;
    position: relative
}

.block-video .vesti-video-list .video-desc {
    font-size: 16px;
    color: #fff
}

.block-video .vesti-video-list .btn.btn-white {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.block-video .vesti-video-list .btn.btn-white:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff
}

.block-video .video-wrapper-outer {
    width: 100%;
    position: relative;
    margin: 0 30px 0 0
}

@media only screen and (min-width:768px) {
    .block-video .vesti-video-list h3 {
        padding: 70px 15px 15px
    }
    .block-video .vesti-video-list .btn.btn-white {
        left: initial;
        transform: none;
        -webkit-transform: none
    }
    .block-video .video-wrapper-outer {
        width: 66.67%;
        float: left
    }
}

.block-video .video-wrapper-outer .video-wrapper {
    margin-bottom: 0;
    padding-top: 0
}

.block-video .videos-block {
    position: relative;
    z-index: 100
}

.block-video .videos-block .video-content {
    float: left;
    width: 50%;
    padding: 0 15px;
    cursor: pointer
}

.block-video .videos-block .video-content:nth-child(3),
.block-video .videos-block .video-content:nth-child(4) {
    display: none
}

.block-video .videos-block .video-content:hover .video-title {
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .block-video .videos-block .video-content {
        width: 25%
    }
    .block-video .videos-block .video-content:nth-child(3),
    .block-video .videos-block .video-content:nth-child(4) {
        display: block
    }
}

.block-video .videos-block .video-content .video-image-wrapper {
    position: relative
}

.block-video .videos-block .video-content .video-image-wrapper:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    content: " ";
    display: inline-block;
    width: 15px;
    height: 21px;
    background: url(../../images/icon-play.svg) no-repeat
}

.block-video .videos-block .video-content img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block
}

.block-video .videos-block .video-content h3 {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-family: NotoSerif
}

.block-video .videos-block .video-content .video-desc {
    display: none
}

.block-video.inspirer {
    padding: 0 0 25px;
    margin: 0 auto 25px
}

@media only screen and (min-width:768px) {
    .block-video.inspirer {
        padding: 0 0 30px;
        margin: 0 auto 30px
    }
}

.block-video.inspirer .box-black {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    background: #262626
}

.block-video.inspirer .box-black .videos-block {
    padding: 30px 0 0
}

.block-video.inspirer .box-black .inspirer-video-background {
    z-index: 0;
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative
}

.block-video.inspirer .box-black .inspirer-video-background .inspirer-silhouette {
    position: absolute;
    display: block;
    width: 1920px;
    height: 235px;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0;
    background: url(../../images/inspirer/vduhnovenite_logo.svg) no-repeat;
    background-size: 1920px 235px;
    opacity: .06
}

.box-blue {
    background-color: #2a53c1
}

.block-photo {
    position: relative
}

.block-photo .vesti-v-blue {
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width:767px) {
    .block-photo .vesti-v-blue {
        z-index: 200
    }
    .block-photo .slide-info {
        display: none
    }
}

.block-photo .vesti-v-blue .vesti-silhouette {
    position: absolute;
    z-index: 0;
    width: 797px;
    height: 750px;
    top: 0;
    right: -144px;
    background: url(../../images/v-blue.svg) no-repeat
}

@media only screen and (max-width:767px) {
    .block-photo .vesti-galleryList h3 {
        display: block;
        position: absolute;
        bottom: 65px;
        z-index: 300;
        color: #fff
    }
    .block-photo .vesti-galleryList .btn.btn-white {
        display: block;
        background-color: transparent;
        color: #fff;
        position: absolute;
        bottom: 25px;
        z-index: 300;
        left: 50%;
        margin-left: -85px;
        border: 1px solid #fff
    }
}

.block-grey {
    padding-top: 50px;
    background-color: #f5f5f5
}

.block-grey .card-item.leading.normal .text-holder {
    background: #f5f5f5
}

@media only screen and (min-width:768px) {
    .card .ico-gallery {
        top: 28%;
        left: 50%;
        width: 68px;
        height: 68px;
        margin-left: -33px;
        display: block;
        position: absolute;
        z-index: 100;
        background: url(../../images/icons-sprite.svg) -162px -12px no-repeat
    }
}

.card h2 {
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    font-weight: 400
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .card h2 {
        font-size: 20px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .card h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .card h2 {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (min-width:992px) {
    .card h2 {
        font-size: 24px;
        line-height: 28px
    }
}

.card:hover figure img {
    -webkit-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.label-author a,
.label-category a,
.label-time {
    font-size: 11px;
    line-height: 12px;
    font-family: "NotoSerif Italic";
    color: #989898
}

.label-time.updated {
    color: #2a53c1;
    font-weight: 700
}

.label-num {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: "NotoSans Bold"
}

.label-num:after {
    margin-left: 10px;
    content: " ";
    display: inline-block;
    width: 13px;
    height: 17px;
    position: relative;
    bottom: -2px;
    background: url(../../images/arrow-white.svg) no-repeat
}

.label-gallery {
    width: 31px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    background: url(../../images/icons-sprite.svg) -15px -326px no-repeat
}

.label-quiz {
    display: inline-block;
    width: 80px;
    height: 25px;
    position: relative;
    top: -5px;
    z-index: 100;
    background: url(../../images/label-quizzes-small.svg) no-repeat
}

.label-image,
.label-soft:before {
    position: absolute;
    display: inline-block
}

.label-holder span+span+span:before,
.label-holder span+span:before {
    content: "/";
    display: inline-block;
    margin: 0 7px 0 4px;
    color: #989898
}

.label-occupation {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-family: "NotoSerif Italic";
    display: block;
    margin-bottom: 8px
}

.label-soft {
    position: absolute;
    width: auto;
    height: 24px;
    top: 25px;
    color: #fff;
    text-transform: uppercase;
    font: 14px/22px "NotoSans Bold"
}

.label-soft:before {
    content: " ";
    width: 13px;
    height: 17px;
    bottom: -2px;
    right: -23px;
    background: url(../../images/arrow-blue.svg) no-repeat
}

.label-image {
    top: 10px;
    left: 15px;
    z-index: 300
}

.label-image.auto {
    height: 23px;
    width: 137px;
    background: url(../../images/label-auto.svg) no-repeat
}

.label-image.money {
    height: 15px;
    width: 88px;
    background: url(../../images/label-money.svg) no-repeat
}

.label-image.cinema {
    height: 24px;
    width: 67px;
    background: url(../../images/label-cinema.svg) no-repeat
}

.label-image.musicology {
    height: 18px;
    width: 150px;
    background: url(../../images/label-musicology.svg) no-repeat
}

.label-image.bezgranichno {
    height: 20px;
    width: 140px;
    background: url(../../images/label-bezgranichno.svg) no-repeat
}

.label-image.tech {
    height: 23px;
    width: 124px;
    background: url(../../images/label-tech.svg) no-repeat
}

.label-image.social {
    height: 24px;
    width: 87px;
    background: url(../../images/label-social.svg) no-repeat
}

.label-image.inspired {
    height: 23px;
    width: 140px;
    background: url(../../images/label-inspired.svg) no-repeat
}

.label-image.photo {
    height: 17px;
    width: 92px;
    background: url(../../images/label-photo.svg) no-repeat
}

@media only screen and (max-width:767px) {
    .last-news-items .label-image {
        top: 20px;
        background-size: 75%
    }
}

.last-news-items .adwise-right {
    margin-bottom: 30px
}

.fb-shared {
    height: 19px;
    width: 30px;
    padding-left: 30px;
    text-indent: 3px;
    display: inline-block;
    color: #2a53c1;
    background: url(../../images/icons-sprite.svg) -44px -120px no-repeat #2a53c1;
    background-size: 220px 220px;
    position: relative;
    line-height: 22px;
    font: 16px/22px "NotoSans Bold";
    margin-top: 5px
}

.fb-shared:after {
    width: 0;
    height: 0;
    content: ".";
    font-size: 0;
    color: transparent;
    border-bottom: 19px solid #fff;
    border-left: 7px solid #2a53c1;
    position: absolute;
    right: 0;
    top: 0
}

.label-progress {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    min-height: 40px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#b3000000", endColorstr="#00000000", GradientType=0)
}

.label-progress span {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    font: 14px/24px "NotoSans Bold";
    padding-left: 12px;
    min-height: 24px;
    color: #fff;
    background: url(../../images/note_icon.svg) no-repeat
}

.label-progress span:after {
    display: inline-block;
    right: -17px;
    top: 3px;
    position: absolute;
    width: 11px;
    height: 17px;
    content: " ";
    background: url(../../images/note_arrow_icon.svg)
}

.blue .label-progress span {
    background-position: -11px -10px
}

.blue .label-progress span:after {
    background-position: -16px -13px
}

.orange .label-progress span {
    background-position: -11px -49px
}

.orange .label-progress span:after {
    background-position: -16px -53px
}

.card-item {
    margin-bottom: 28px;
    position: relative;
    box-sizing: border-box
}

.card-item figure,
.list-item figure {
    margin: 0
}

.card-item img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition-property: transform;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.card-item .label {
    position: absolute;
    top: 11px;
    display: inline-block;
    padding: 0 3px 0 7px;
    background-color: #2a53c1;
    color: #fff;
    left: 0;
    height: 17px;
    line-height: 17px;
    font-size: 11px;
    font-family: "NotoSans Bold";
    z-index: 300
}

.card-item .label:after {
    width: 0;
    height: 0;
    content: ".";
    font-size: 0;
    color: transparent;
    border-bottom: 17px solid transparent;
    border-left: 7px solid #2a53c1;
    position: absolute;
    right: -7px
}

.card-item .img-holder {
    height: 100%;
    position: relative;
    overflow: hidden
}

.card-item .text-holder {
    padding: 14px 16px;
    position: absolute;
    bottom: 0;
    z-index: 300
}

.card-item img {
    height: 100%;
    width: auto
}

.card-item h2 {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    font-family: NotoSerif
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .card-item h2 {
        font-size: 17px;
        line-height: 19px
    }
}

@media only screen and (min-width:576px) {
    .card-item h2 {
        font-size: 18px;
        line-height: 22px
    }
}

.card-item h2 a {
    color: #fff
}

.card-item.leading {
    display: block;
    height: 258px;
    width: 100%
}

.card-item.leading .label,
.card-item.leading.normal .gr-black,
.card-item.leading.normal .gr-blue {
    display: none
}

@media only screen and (min-width:768px) {
    .card-item.leading {
        height: 280px;
        float: left
    }
}

.card-item.leading .gradient {
    height: 100%
}

.card-item.leading .label-category a {
    color: #fff
}

.card-item.leading .label-author a {
    color: #fff;
    font-family: "NotoSans Bold";
    text-transform: uppercase
}

.card-item.leading .label-holder span+span+span:before,
.card-item.leading .label-holder span+span:before,
.card-item.leading .label-time {
    color: #fff
}

.card-item.leading img {
    left: 50%;
    height: 100%;
    width: auto;
    position: absolute;
    transform: translateX(-50%) scale(1.12);
    -webkit-transform: translateX(-50%) scale(1.12);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.card-item.leading.blue .label-author a {
    color: #285be3
}

.card-item.leading.blue .label-time {
    color: #fff
}

.card-item.leading.orange .label-author a {
    color: #ff7800
}

.card-item.leading.orange .label-time {
    color: #fff
}

.card-item.leading.native {
    border: 4px solid #f8edd0!important
}

.card-item.leading.native figcaption span {
    color: #f8edd0;
    position: relative;
    display: inline-block!important;
    font: 11px/18px NotoSerif;
    line-height: 16px
}

.card-item.leading.native figcaption span:after {
    display: inline-block;
    content: "";
    width: 19px;
    height: 16px;
    position: absolute;
    right: -26px;
    top: -1px;
    background: url(../../images/barcode.svg) no-repeat
}

.card-item.leading.normal {
    display: block;
    height: auto;
    width: 100%
}

.card-item.leading.normal .text-holder {
    background: #fff;
    position: static;
    padding: 0;
    display: flex;
    flex-direction: column
}

.card-item.leading.normal .text-holder h2 a {
    color: #000;
    font-family: NotoSerif
}

.card-item.leading.normal .label {
    display: inline-block
}

.card-item.leading.normal .label-author a,
.card-item.leading.normal .label-category a,
.card-item.leading.normal .label-time {
    color: #989898
}

.card-item.leading.normal .label-author a.updated,
.card-item.leading.normal .label-category a.updated,
.card-item.leading.normal .label-time.updated {
    color: #2a53c1;
    font-weight: 700
}

.card-item.leading.normal .label-holder span+span+span:before,
.card-item.leading.normal .label-holder span+span:before {
    color: #989898
}

.card-item.leading.normal.blue .label-author a {
    color: #285be3
}

.card-item.leading.normal.orange .label-author a {
    color: #ff7800
}

.card-item.leading.normal .img-holder {
    float: left;
    margin-right: 15px;
    width: 134px;
    height: 90px;
    overflow: hidden
}

.card-item.leading.normal img {
    height: 100%;
    width: auto
}

@media only screen and (min-width:768px) {
    .card-item.leading img {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }
    .card-item.leading.normal img {
        width: 100%;
        height: auto;
        left: 0;
        bottom: 0;
        right: 0;
        transform: none;
        -webkit-transition-property: none
    }
}

@media only screen and (max-width:767px) {
    .card-item.leading.normal {
        position: relative;
        height: auto;
        padding-top: 18px;
        padding-bottom: 18px;
        margin: 0
    }
    .card-item.leading.normal:before {
        display: block;
        width: 100%;
        content: " ";
        height: 1px;
        background-color: #dcdcdc;
        position: absolute;
        left: 0;
        top: 0
    }
    .card-item.leading.normal .gradient {
        height: auto
    }
    .list-item.list-item-category {
        border-top: 1px solid #e7e7e7
    }
}

@media only screen and (min-width:768px) {
    .card-item.leading.normal {
        height: 280px;
        float: left;
        border: 1px solid #e7e7e7
    }
    .card-item.leading.normal .label {
        position: relative;
        left: -18px;
        top: -6px
    }
    .card-item.leading.normal .img-holder {
        height: 158px;
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .card-item.leading.normal .text-holder {
        top: 0;
        bottom: initial;
        padding: 18px;
        z-index: 100;
        position: relative
    }
    .card-item.leading.normal .text-holder a {
        color: #000
    }
}

.card-item.leading.big {
    display: block;
    height: 258px;
    width: 100%;
    float: left
}

.card-item.leading.big .label {
    display: inline-block
}

@media only screen and (min-width:768px) {
    .card-item.leading.big {
        height: 362px
    }
}

.card-item.leading.big h2 {
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width:576px) {
    .card-item.leading.big h2 {
        font-size: 29px;
        line-height: 33px
    }
}

.card-item.leading.biggest {
    display: block;
    height: 258px;
    width: 100%
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .card-item.leading.biggest {
        height: 362px
    }
}

@media only screen and (min-width:992px) {
    .card-item.leading.biggest {
        height: 504px
    }
}

.card-item.leading.biggest .label {
    display: inline-block
}

.card-item.leading.biggest .img-holder {
    height: 100%
}

.card-item.leading.biggest h2 {
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width:576px) {
    .card-item.leading.biggest h2 {
        font-size: 29px;
        line-height: 33px
    }
}

@media only screen and (max-width:768px) {
    .card-item.accent {
        height: 480px
    }
}

.card-item.accent img {
    width: auto;
    height: 100%
}

.card-item.accent .text-holder {
    padding-top: 50px
}

@media only screen and (min-width:768px) {
    .card-item.accent img {
        width: 100%;
        height: auto
    }
    .card-item.accent .text-holder {
        right: 0;
        padding-left: 0;
        top: 0;
        width: calc(50% + 14px)
    }
    .card-item.accent .text-holder h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .card-item.accent .text-holder {
        height: 362px
    }
}

@media only screen and (min-width:1200px) {
    .card-item.accent .text-holder {
        width: calc(33.3333333333% + 14px)
    }
}

.card-item.accent .text-holder h2 {
    font-size: 22px;
    line-height: 28px
}

.list-item .text-holder h2 a,
.list-item h2,
.list-item h2 a,
.list-item.list-item-category .text-holder h2,
.list-item.list-item-category .text-holder h2 a {
    font-size: 16px;
    line-height: 18px
}

.card-item.accent.leading {
    overflow: hidden
}

.card-item.accent.leading:before {
    content: "";
    position: absolute;
    z-index: 100;
    width: 797px;
    height: 750px;
    top: -120px;
    left: -342px;
    background: url(../../images/v-blue.svg) no-repeat
}

@media only screen and (min-width:768px) {
    .card-item.accent.leading:before {
        right: -314px;
        left: initial
    }
}

.list-item {
    position: relative;
    box-sizing: border-box;
    padding-top: 18px;
    padding-bottom: 18px
}

.list-item .text-holder {
    display: flex;
    flex-direction: column
}

.list-item .text-holder h2 a {
    color: #000;
    font-family: NotoSerif
}

.list-item .img-holder {
    float: left;
    margin-right: 15px;
    width: 134px;
    height: 90px;
    overflow: hidden
}

.last-news .native img,
.last-news .native-mobile .img-holder img,
.list-item .img-holder img {
    height: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.list-item .img-holder img {
    width: auto;
    position: relative;
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.list-item h2 {
    margin-bottom: 5px
}

.list-item h2,
.list-item h2 a {
    color: #fff;
    font-weight: 400;
    font-family: NotoSerif
}

.list-item.blue .label-author a {
    color: #285be3
}

.list-item.orange .label-author a {
    color: #ff7800
}

@media only screen and (min-width:992px) {
    .list-item.s4x4 .img-holder {
        width: 78px;
        height: 78px
    }
}

.list-item.list-item-category {
    padding: 18px 0
}

@media only screen and (min-width:768px) {
    .list-item.list-item-category {
        padding: 0 0 28px
    }
    .list-item.list-item-category .gradient {
        display: table;
        width: 100%;
        border: 1px solid #e7e7e7
    }
}

.list-item.list-item-category .img-holder {
    width: 134px;
    min-height: 90px;
    margin-right: 15px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .list-item.list-item-category .img-holder {
        width: 350px;
        min-height: 158px
    }
    .leading-big>div:nth-of-type(2) {
        border-left: 1px solid #f2f2f2
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .list-item.list-item-category .img-holder {
        width: 310px;
        min-height: 158px
    }
}

@media only screen and (min-width:1200px) {
    .list-item.list-item-category .img-holder {
        width: 280px;
        min-height: 158px
    }
}

.list-item.list-item-category .text-holder h2 {
    max-height: none;
    overflow: visible
}

@media only screen and (min-width:768px) {
    .list-item.list-item-category .img-holder {
        margin-right: 28px;
        height: auto
    }
    .list-item.list-item-category .img-holder img {
        width: 100%;
        height: auto
    }
    .list-item.list-item-category .text-holder {
        padding: 12px 15px 0 0
    }
    .list-item.list-item-category .text-holder h2,
    .list-item.list-item-category .text-holder h2 a {
        font-size: 18px;
        line-height: 22px
    }
}

.list-item.list-item-category .text-holder h3 {
    font-size: 14px;
    line-height: 20px;
    font-family: NotoSans;
    margin-top: 6px
}

@media only screen and (max-width:767px) {
    .list-item.list-item-category .text-holder h3 {
        display: none
    }
}

.list-item.list-item-category .text-holder h3 strong {
    color: #000
}

.leading-big>div {
    float: left
}

@media only screen and (max-width:576px) {
    .leading-small div .list-item {
        border-top: 1px solid #dcdcdc
    }
    .leading-small>div:first-child>div:first-child .list-item {
        border: none
    }
}

@media only screen and (min-width:992px) {
    .leading-big,
    .leading-small {
        width: calc(100% - 330px);
        max-width: calc(100% - 330px);
        padding-right: 0;
        float: left
    }
    .leading-small .list-item {
        padding: 0 0 32px
    }
    .home .leading-news {
        width: calc(100% - 300px);
        min-width: calc(100% - 300px)
    }
}

.leading-small .list-item h2 {
    max-height: none;
    overflow: visible
}

.leading-small .label {
    display: none
}

.leading-small .col-12 {
    float: left
}

.block-photo,
.block-video,
.gallery,
.leading-news,
.photo-section,
.quizzes-quiz,
.vicove-page {
    padding: 0 0 25px;
    margin: 0 auto 25px
}

@media only screen and (min-width:768px) {
    .block-photo,
    .block-video,
    .gallery,
    .leading-news,
    .photo-section,
    .quizzes-quiz,
    .vicove-page {
        padding: 0 0 40px;
        margin: 0 auto 40px
    }
}

.block-sport,
.block-stories,
.last-news {
    padding: 0 0 7px;
    margin: 0 0 25px
}

@media only screen and (min-width:768px) {
    .block-sport,
    .block-stories,
    .last-news {
        padding: 0 0 22px;
        margin: 0 0 40px
    }
}

.home .last-news {
    padding: 0 0 7px;
    margin: 0 0 25px
}

@media only screen and (min-width:992px) {
    .home .last-news {
        width: 300px;
        min-width: 300px
    }
}

@media only screen and (min-width:768px) {
    .home .last-news {
        padding: 0 0 22px;
        margin: 0 0 5px
    }
}

.home .last-news .list-item h2 {
    max-height: none;
    overflow: visible
}

.home .block-sport {
    padding: 0 0 7px;
    margin: 0 0 25px
}

@media only screen and (min-width:768px) {
    .home .block-sport {
        padding: 0 0 22px;
        margin: 0 0 35px
    }
    .leading-news>div {
        float: left
    }
}

.leading-news {
    width: 100%;
    padding: 0;
    margin: 0
}

@media only screen and (min-width:992px) {
    .leading-news {
        float: left;
        width: calc(100% - 330px);
        min-width: calc(100% - 330px)
    }
}

.leading-news .section-more-holder {
    margin-bottom: 60px
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .leading-news.no27>div:nth-of-type(27) {
        display: none!important
    }
}

.last-news {
    width: 100%
}

.last-news .label {
    display: none
}

.last-news .list-item {
    border-top: 1px solid #dcdcdc
}

@media only screen and (min-width:992px) {
    .last-news {
        float: right;
        width: 330px;
        min-width: 330px
    }
    .last-news .box-sidebar {
        float: right
    }
}

.last-news .right-column-news .box-one {
    margin-bottom: 0
}

.last-news .right-column-news .right-column_main-news>div:nth-child(2) .list-item {
    border-top: none;
    padding-top: 0
}

.last-news .native .native-inner,
.last-news .native-mobile {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.last-news .native-mobile {
    background: #fff;
    padding: 17px 0;
    margin: 0 0 30px
}

.last-news .native-mobile .img-holder {
    width: 134px;
    height: 90px;
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden
}

.last-news .native-mobile .img-holder img {
    width: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.last-news .native-mobile .text-holder h3,
.last-news .native-mobile .text-holder h3 a {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-family: NotoSerif
}

.last-news .native-mobile .text-holder span {
    color: #2a53c1;
    position: relative;
    display: inline-block!important;
    font: 11px/16px "NotoSerif Italic"
}

.last-news .native-mobile .text-holder span:after {
    display: inline-block;
    content: "";
    width: 19px;
    height: 16px;
    position: absolute;
    right: -26px;
    top: -1px;
    background: url(../../images/barcode.svg) no-repeat
}

.last-news .native {
    padding: 15px;
    margin: 15px 0
}

.image-item,
.last-news .box-one,
.last-news .box-two {
    margin-bottom: 50px
}

.last-news .native .native-inner {
    padding: 17px 0;
    position: relative
}

@media only screen and (min-width:992px) {
    .last-news .native .img-holder {
        position: relative;
        overflow: hidden;
        float: left;
        width: 134px;
        height: 90px;
        margin-right: 15px
    }
}

.last-news .native img {
    width: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.last-news .native .source:after,
.second_placeholder .list-item .link:after {
    width: 19px;
    height: 16px;
    background: url(../../images/barcode.svg) no-repeat;
    content: ""
}

.last-news .native .text-holder,
.last-news .native .text-holder h3,
.last-news .native .text-holder h3 a {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-family: NotoSerif
}

.last-news .native .source {
    color: #2a53c1;
    position: relative;
    display: inline-block!important;
    font: 11px/16px "NotoSerif Italic"
}

.last-news .native .source:after {
    display: inline-block;
    position: absolute;
    right: -26px;
    top: -1px
}

.last-news .box-two .gallery-list .col-md-6,
.last-news .box-two .gallery-list .col-sm-6 {
    float: left
}

.second_placeholder .list-item .link {
    display: block;
    color: #2a53c1;
    position: relative;
    font: 11px/16px "NotoSerif Italic"
}

.second_placeholder .list-item .link:after {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

.block-sport .list-item .gradient:before,
.block-stories .list-item .gradient:before {
    height: 1px;
    background-color: #dcdcdc;
    top: -18px;
    width: 100%;
    left: 0;
    content: " "
}

@media only screen and (max-width:991px) and (min-width:767px) {
    .sidebar-quizzes>div {
        float: left
    }
}

.block-stories .label {
    display: none
}

.block-stories .list-item .gradient {
    position: relative
}

.block-stories .list-item .gradient:before {
    display: block;
    position: absolute
}

@media only screen and (min-width:1200px) {
    .block-stories .list-item:nth-of-type(3) {
        padding-top: 0
    }
    .block-stories .list-item:nth-of-type(3) .gradient:before {
        display: none
    }
}

.block-sport .label {
    display: none
}

@media only screen and (min-width:768px) {
    .block-stories .list-item {
        float: left
    }
    .block-stories .list-item:nth-of-type(1),
    .block-stories .list-item:nth-of-type(2) {
        padding-top: 0
    }
    .block-stories .list-item:nth-of-type(1) .gradient:before,
    .block-stories .list-item:nth-of-type(2) .gradient:before {
        display: none
    }
    .block-sport .list-item {
        float: left
    }
}

.block-sport .list-item .gradient {
    position: relative
}

.block-sport .list-item .gradient:before {
    display: block;
    position: absolute
}

@media only screen and (min-width:1200px) {
    .block-sport .list-item:nth-of-type(3) {
        padding-top: 0
    }
    .block-sport .list-item:nth-of-type(3) .gradient:before,
    .block-sport .list-item:nth-of-type(4) {
        display: none
    }
}

.image-item {
    position: relative;
    height: 480px;
    padding: 0
}

.image-item h3,
.image-item h3 a {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: NotoSerif
}

@media only screen and (min-width:768px) {
    .block-sport .list-item:nth-of-type(1),
    .block-sport .list-item:nth-of-type(2) {
        padding-top: 0
    }
    .block-sport .list-item:nth-of-type(1) .gradient:before,
    .block-sport .list-item:nth-of-type(2) .gradient:before {
        display: none
    }
    .image-item {
        height: 505px
    }
    .image-item h3,
    .image-item h3 a {
        font-size: 28px;
        line-height: 34px
    }
}

.image-item .img-holder {
    padding: 0 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100
}

.image-item .img-holder img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.image-item .links-holder {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    z-index: 300
}

.image-item .links-holder .img-links {
    list-style-type: none
}

.image-item .links-holder .img-links li {
    padding: 10px 0 10px 23px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    background: url(../../images/arrow-blue.svg) 0 16px no-repeat;
    font-family: NotoSerif
}

@media only screen and (min-width:768px) {
    .image-item .links-holder {
        left: 44px;
        right: 44px
    }
    .image-item .links-holder .img-links li {
        font-size: 18px;
        line-height: 34px
    }
}

.image-item .links-holder .img-links li a {
    color: #fff
}

.image-item-holder {
    width: 100%
}

@media only screen and (min-width:992px) {
    .image-item {
        float: right
    }
    .image-item-holder {
        float: left;
        width: calc(100% - 330px);
        min-width: calc(100% - 330px)
    }
}

@media only screen and (min-width:576px) {
    .image-item-holder .box-title {
        padding: 0
    }
}

.image-item-holder-sidebar {
    float: right
}

@media only screen and (min-width:992px) {
    .main-wrapper.home .funBox {
        padding-top: 48px
    }
}

.sidebar-anecdote {
    margin: 0 auto 50px;
    padding: 35px 23px 32px;
    background: url(../../images/bgr_anecdote.jpg) center bottom no-repeat #ededed;
    background-size: contain
}

.sidebar-anecdote .box-title {
    padding: 0
}

.sidebar-anecdote .anecdote {
    color: #353434;
    font-size: 16px;
    line-height: 21px
}

.sidebar-anecdote>a {
    display: inline-block;
    margin-top: 20px;
    color: #2a53c1
}

.sidebar-anecdote>a:after {
    margin-left: 9px;
    content: " ";
    display: inline-block;
    width: 13px;
    height: 17px;
    position: relative;
    bottom: -2px;
    background: url(../../images/arrow-blue.svg) no-repeat
}

.sidebar-anecdote.article {
    padding: 0;
    background: 0 0
}

.sidebar-anecdote.article .box-title {
    margin-bottom: 12px
}

.sidebar-anecdote.article .box-title h2 {
    font-size: 16px;
    line-height: 20px
}

.sidebar-anecdote.article .box-title a {
    color: #000
}

.sidebar-anecdote.article .anecdote {
    color: #000;
    font-size: 16px;
    line-height: 22px
}

.sidebar-anecdote.article>a {
    margin-top: 13.5px;
    font-size: 12px;
    line-height: 20px;
    color: #2A53C4;
    font-family: "NotoSerif Italic"
}

.sidebar-anecdote.article>a:after {
    width: 10px;
    height: 14px;
    position: relative;
    bottom: -2px;
    background: url(../../images/arrow-blue-small.svg) no-repeat
}

.containerTop {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 58px;
    margin-bottom: 40px;
    background: url(../../images/bgr-containerTop.png) bottom center no-repeat
}

@media only screen and (min-width:768px) {
    .containerTop {
        margin-bottom: 50px;
        margin-top: 22px
    }
}

.containerTop .adblock-premium {
    display: none;
    padding: 32px 0 0;
    float: right
}

@media only screen and (min-width:992px) {
    .containerTop .adblock-premium {
        display: block;
        width: 330px;
        max-width: 330px
    }
    .containerTop .banner-premium {
        position: absolute;
        top: 0;
        right: 14px;
        z-index: 100
    }
}

.containerTop .adblock-premium .label {
    display: none!important
}

.containerTop .adblock-premium .list-item {
    padding: 0 0 32px;
    min-height: 120px;
    max-height: 120px;
    overflow: hidden
}

.containerTop .banner-premium {
    padding: 0;
    text-align: center;
    display: block;
    margin-bottom: 7px
}

.main-wrapper.search-page>section {
    padding: 25px 0
}

.main-wrapper.search-page>section .box-title {
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {
    .main-wrapper.search-page>section {
        padding-top: 16px
    }
    .main-wrapper.search-page>section .box-title {
        margin-bottom: 35px
    }
}

.poll-box {
    padding: 35px 15px 10px;
    border: 1px solid #dcdcdc
}

@media only screen and (max-width:319px) {
    .poll-box {
        width: 100%;
        margin: 0 15px
    }
}

@media only screen and (min-width:768px) {
    .poll-box {
        padding: 35px 20px 10px
    }
}

.poll-box .box-title {
    padding: 0
}

.poll-box .poll-title {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: NotoSerif;
    margin-bottom: 10px
}

.poll-box .poll-field,
.poll-box label {
    font-family: FiraSans
}

.poll-box .radioInput {
    position: relative;
    top: 2px
}

.poll-box .poll-field {
    padding: 0 0 5px;
    margin-bottom: 10px
}

.poll-box label {
    display: inline;
    color: #353434;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 7px
}

.article-category,
.poll-box .results {
    font-family: "NotoSans Bold"
}

.poll-box .results {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 15px
}

.poll-box .poll-field strong,
.poll-box .see-more a {
    font-size: 16px;
    font-family: FiraSans
}

.poll-box .poll-field strong {
    position: absolute;
    display: inline-block;
    width: 0;
    right: -7px;
    line-height: 16px;
    color: #2a53c1
}

.article-info,
.article-info .author a>span,
.poll-box .pollBar {
    position: relative
}

.poll-box .poll-field div {
    border: 1px solid #dcdcdc;
    padding: 3px 50px 3px 3px;
    background-color: #fff
}

.poll-box .poll-field span {
    color: #828282
}

.poll-box .pollBar {
    background-color: #2a53c1;
    height: 15px;
    display: block;
    float: left
}

.poll-box .see-more {
    margin: 44px 0 0
}

hr {
    display: block;
    border-bottom: 1px solid #ededed;
    width: calc(100% - 30px);
    margin: 40px auto
}

.article-category {
    padding: 15px 15px 0;
    margin-bottom: 15px;
    display: block;
    width: 100%
}

.article-info .author a,
.chisla-author-text div {
    font-family: NotoSerif
}

@media only screen and (max-width:575px) {
    .article-category {
        padding: 22px 15px 0
    }
}

@media only screen and (min-width:992px) {
    .article-category {
        padding: 10px 15px 0;
        margin-bottom: 30px
    }
}

.article-category a {
    color: #2a53c1;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    text-transform: uppercase
}

.article-big>.article-standard .article-text p a,
.article-category a:hover,
.article-info-bottom a:hover,
.article-normal>.article-standard .article-text p a,
.article-tags a:hover,
.rel-articles a:hover h3 {
    text-decoration: underline
}

.article-info {
    line-height: 20px;
    padding: 20px 0;
    margin: 25px 15px 0;
    border-top: 1px solid #DDD
}

@media only screen and (min-width:768px) {
    .article-info {
        padding: 15px 0 0;
        margin: 30px 15px 15px
    }
}

.article-info .author {
    margin: 0
}

.article-info .author img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: none
}

@media only screen and (min-width:576px) {
    .article-info .author {
        margin: 0 0 15px
    }
    .article-info .author img {
        display: inline-block
    }
}

@media only screen and (min-width:768px) {
    .article-info .author img {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:575px) {
    .article-info .author a {
        color: #fff;
        font-family: "NotoSerif Bold";
        font-size: 13px
    }
    .article-info .author>span {
        padding: 0 20px 0 0;
        margin-left: -5px
    }
}

.article-info .author a>span span {
    font-size: 15px;
    line-height: 18px
}

.article-info time {
    font-size: 13px;
    color: #989898;
    display: inline-block;
    padding: 0 5px;
    line-height: 32px
}

@media only screen and (min-width:992px) {
    .article-info time {
        font-size: 14px;
        line-height: 40px
    }
}

.main-wrapper.top.bezgranichno-top {
    padding-top: 0
}

.main-wrapper.top.bezgranichno-top #endless_scroll_id {
    float: none!important
}

.main-wrapper.top.linii-top {
    padding-top: 0!important
}

@media only screen and (max-width:767px) {
    #bezgranichno-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .5);
        display: none;
        z-index: 2;
        pointer-events: none
    }
}

.chisla-author-info {
    margin-bottom: 15px;
    border: 1px solid #E7E7E7
}

.chisla-author {
    background: url(../../images/ivan-chisla.jpg) center center no-repeat;
    width: 100%;
    position: relative;
    background-size: 100% auto
}

.chisla-author::before {
    content: "";
    display: block;
    padding-top: 56.23%
}

.chisla-author>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.chisla-author-text {
    padding: 0 15px
}

.chisla-author-text div {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-top: 15px
}

.chisla-author-text p {
    font-family: NotoSans;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px
}

@media only screen and (min-width:768px) {
    .chisla-author {
        width: 214px;
        margin-right: 9px
    }
    .chisla-author-info {
        display: flex
    }
    .chisla-author::before {
        padding-top: 91.12%
    }
    .chisla-author-text {
        flex: 1
    }
}

.article-big.musicology .img-big-wrapper .bgr {
    background: url(../../images/musicology-branding.png) center no-repeat;
    background-size: cover
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .article-big.musicology .img-big-wrapper .bgr {
        background-position-y: -15%
    }
}

@media only screen and (max-width:991px) {
    .article-big.musicology .img-big-wrapper .bgr {
        background: url(../../images/musicology-branding-768x480.png) center no-repeat;
        background-size: cover
    }
}

.article-big.bezgranichno {
    z-index: 500;
    position: relative
}

.article-big.bezgranichno .img-big-wrapper {
    padding: 30px;
    margin-top: 52px;
    height: auto;
    position: relative;
    top: auto;
    background-color: #EFFBFF;
    overflow: visible
}

.article-big.bezgranichno .img-big-wrapper .bezgranichno-top p {
    color: #191C4F;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-family: Cygre
}

.article-big.bezgranichno .img-big-wrapper .bezgranichno-title {
    text-align: center;
    padding: 0
}

.article-big.bezgranichno .img-big-wrapper .bezgranichno-title img {
    width: 100%;
    max-width: 764px
}

.article-big.bezgranichno .img-big-wrapper #dropdown {
    margin-top: 20px;
    display: none
}

.article-big.bezgranichno .img-big-wrapper .continents-app {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.article-big.bezgranichno .img-big-wrapper #globe-container {
    position: relative;
    transition: left .5s ease-in-out;
    aspect-ratio: 1/1;
    width: 40%;
    max-width: 630px;
    z-index: 2;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%)
}

.article-big.bezgranichno .img-big-wrapper #globe-container.globe-fixed {
    transition: none!important;
    left: 38%
}

.article-big.bezgranichno .img-big-wrapper #continent-info {
    font-family: Cygre;
    position: relative;
    width: 250px;
    height: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    z-index: 3;
    margin-left: auto;
    margin-right: 15%
}

.article-big.bezgranichno .img-big-wrapper #continent-info .active-country {
    background-color: #191C4F
}

.article-big.bezgranichno .img-big-wrapper #continent-info .active-country a {
    color: #fff
}

.article-big.bezgranichno .img-big-wrapper #continent-info h2 {
    background-color: #191C4F;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 52px;
    border-radius: 32px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

.article-big.bezgranichno .img-big-wrapper #continent-info li,
.article-big.bezgranichno .img-big-wrapper #continent-info ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.article-big.bezgranichno .img-big-wrapper #continent-info ul {
    height: 300px;
    background-color: #fff;
    border-radius: 32px;
    margin-top: 13px;
    overflow-x: hidden;
    overflow-y: auto
}

.article-big.bezgranichno .img-big-wrapper #continent-info li {
    font-size: 18px;
    text-transform: uppercase
}

.article-big.bezgranichno .img-big-wrapper #continent-info ul a {
    color: #191C4F;
    text-decoration: none;
    line-height: 26px;
    padding: 12px 0;
    display: block;
    width: 100%;
    text-align: center
}

.article-big.bezgranichno .img-big-wrapper #continent-info ul a:hover {
    background-color: #191C4F;
    color: #fff
}

.article-big.bezgranichno .img-big-wrapper .countries-loading {
    text-align: center;
    color: #fff;
    line-height: 50px
}

@media only screen and (min-width:767px) {
    .article-big.bezgranichno .img-big-wrapper {
        margin-top: 67px
    }
    .article-big.bezgranichno .img-big-wrapper #globe-container {
        width: 400px
    }
    .article-big.bezgranichno .img-big-wrapper .continents-app {
        align-items: center
    }
    .article-big.bezgranichno .img-big-wrapper .bezgranichno-top p {
        font-size: 20px;
        line-height: 25px
    }
    .article-big.bezgranichno .img-big-wrapper #continent-info {
        margin-right: 9%
    }
}

@media only screen and (max-width:767px) {
    .article-big.bezgranichno .img-big-wrapper,
    .article-big.musicology .img-big-wrapper {
        position: relative
    }
    .article-big.bezgranichno .img-big-wrapper .continents-app {
        position: relative;
        width: 97%;
        margin: 0 auto;
        overflow: visible;
        display: flex;
        flex-direction: column
    }
    .article-big.bezgranichno .img-big-wrapper #globe-container {
        width: 100%;
        max-width: 470px
    }
    .article-big.bezgranichno .img-big-wrapper #continent-info {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:992px) {
    .article-big.bezgranichno .img-big-wrapper {
        position: relative
    }
    .article-big.bezgranichno .img-big-wrapper #continent-info {
        margin-right: 15%
    }
}

@media only screen and (min-width:1200px) {
    .article-big.bezgranichno .img-big-wrapper #globe-container {
        width: 480px
    }
}

@media only screen and (min-width:1920px) {
    .article-big.bezgranichno .img-big-wrapper .bezgranichno-top p {
        font-size: 26px;
        line-height: 30px
    }
    .article-big.bezgranichno .img-big-wrapper #globe-container {
        width: 640px
    }
    .article-big.bezgranichno .img-big-wrapper #continent-info {
        margin-right: 10%
    }
    .article-big.bezgranichno .img-big-wrapper #continent-info h2,
    .article-big.bezgranichno .img-big-wrapper #continent-info li {
        font-size: 20px
    }
}

.article-big.bezgranichno .img-big-wrapper .bgr {
    background: 0 0
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .article-big.bezgranichno .img-big-wrapper .bgr {
        background-position: center 20px
    }
}

@media only screen and (max-width:767px) {
    .article-big.bezgranichno .img-big-wrapper .bgr {
        background: url(../../images/bezgranichno_768.jpg) center top no-repeat
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .article-big.bezgranichno .img-big-wrapper .bgr {
        background: url(../../images/bezgranichno_768.jpg) center -60px no-repeat;
        background-size: cover
    }
}

.article-big.linii .img-big-wrapper {
    height: 460px;
    position: relative!important;
    overflow: visible
}

@media only screen and (min-width:768px) {
    .article-big.linii .img-big-wrapper {
        height: 315px
    }
}

@media only screen and (min-width:992px) {
    .article-big.linii .img-big-wrapper {
        height: 420px
    }
}

.article-big.linii .img-big-wrapper .linii-top {
    padding-top: 0
}

.article-big.linii .img-big-wrapper .bgr {
    background: url(../../images/bg-chisla.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 25px;
    height: 800px
}

.article-big.linii .img-big-wrapper .bgr h1 {
    margin: 0 0 35px;
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-family: Repo;
    font-weight: 700
}

.article-big.linii .img-big-wrapper .bgr h1 small {
    font-size: 12px;
    line-height: 18px;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 10px
}

.article-big.linii .img-big-wrapper .bgr .linii-awl {
    width: 211px;
    height: 211px;
    background: url(../../images/owl.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .article-big.linii .img-big-wrapper .bgr {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute!important;
        transform: translateX(0);
        left: 0;
        right: 0;
        width: 100%;
        height: 1380px
    }
    .article-big.linii .img-big-wrapper .bgr div {
        display: flex;
        align-items: center
    }
    .article-big.linii .img-big-wrapper .bgr h1 {
        text-align: left;
        order: 2;
        font-size: 58px;
        margin-bottom: 0
    }
    .article-big.linii .img-big-wrapper .bgr h1 small {
        font-size: 16px;
        line-height: 22px;
        padding-top: 20px
    }
    .article-big.linii .img-big-wrapper .bgr .linii-awl {
        margin: 0 35px 0 0;
        order: 1;
        width: 197px;
        height: 197px
    }
}

@media only screen and (min-width:992px) {
    .article-big.linii .img-big-wrapper .bgr {
        padding-top: 75px
    }
    .article-big.linii .img-big-wrapper .bgr h1 {
        font-size: 72px
    }
    .article-big.linii .img-big-wrapper .bgr h1 small {
        font-size: 22px;
        line-height: 28px;
        padding-top: 40px
    }
}

.article-big.fragment .img-big-wrapper .bgr {
    background: url(../../images/fragment-branding.png) center no-repeat;
    background-size: cover
}

@media only screen and (max-width:767px) {
    .article-big.fragment .img-big-wrapper {
        position: relative
    }
    .article-big.fragment .img-big-wrapper .bgr {
        background: url(../../images/fragment-branding-768x480.png) center no-repeat;
        background-size: cover
    }
    .article-big.dundee .img-big-wrapper {
        position: relative
    }
}

.article-big.dundee .img-big-wrapper .bgr {
    background: url(../../images/dundee-branding.png) center no-repeat;
    background-size: cover
}

@media only screen and (max-width:767px) {
    .article-big.dundee .img-big-wrapper .bgr {
        background: url(../../images/dundee-branding-768x480px.png) center no-repeat;
        background-size: cover
    }
}

.article-big.main-wrapper {
    padding-top: 480px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .article-big.main-wrapper {
        padding-top: 558px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .article-big.main-wrapper {
        padding-top: 578px
    }
}

.article-big.main-wrapper .article-standard {
    background: #fff
}

@media only screen and (min-width:1200px) {
    .article-big.main-wrapper {
        padding-top: 650px
    }
    .article-big.mladite .img-big-wrapper {
        height: 880px
    }
}

.article-big .img-big-wrapper {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    height: 480px;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

@media only screen and (min-width:768px) {
    .article-big .img-big-wrapper {
        top: 67px;
        height: 558px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .article-big .img-big-wrapper {
        height: 578px
    }
}

@media only screen and (min-width:1200px) {
    .article-big .img-big-wrapper {
        height: 1080px
    }
}

.article-big .img-big-wrapper span.gr-black {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(158, 158, 158, 0) 26%, rgba(158, 158, 158, 0) 32%, rgba(158, 158, 158, .18) 39%, #585858 70%, #141414 100%);
    background: -webkit-linear-gradient(top, rgba(158, 158, 158, 0) 26%, rgba(158, 158, 158, 0) 32%, rgba(158, 158, 158, .18) 39%, #585858 70%, #141414 100%);
    background: linear-gradient(to bottom, rgba(158, 158, 158, 0) 26%, rgba(158, 158, 158, 0) 32%, rgba(158, 158, 158, .18) 39%, #585858 70%, #141414 100%)
}

.article-big .img-big-wrapper span.gr-blue {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    background: -moz-linear-gradient(top, rgba(20, 20, 20, 0) 14%, rgba(42, 83, 193, .44) 45%);
    background: -webkit-linear-gradient(top, rgba(20, 20, 20, 0) 14%, rgba(42, 83, 193, .44) 45%);
    background: linear-gradient(to bottom, rgba(20, 20, 20, 0) 14%, rgba(42, 83, 193, .44) 45%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00141414", endColorstr="#702a53c1", GradientType=0)
}

.article-big .img-big-wrapper .img-main {
    position: relative;
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform
}

@media only screen and (min-width:992px) {
    body.has-branding .bezgranichno {
        padding-top: 190px
    }
    body.has-branding .bezgranichno .img-big-wrapper {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    body.has-branding .bezgranichno {
        padding-top: 21.5vw
    }
}

@media only screen and (min-width:1280px) {
    body.has-branding .bezgranichno {
        padding-top: 17vw
    }
}

@media only screen and (min-width:1620px) {
    body.has-branding .bezgranichno {
        padding-top: 272px
    }
}

.article-big .image-source,
.article-big .source,
.article-normal .image-source,
.article-normal .source {
    font-size: 11px;
    color: #989898;
    line-height: 15px;
    font-family: "NotoSerif Italic";
    min-height: 15px
}

@media only screen and (max-width:575px) {
    .article-big .image-source,
    .article-big .source,
    .article-normal .image-source,
    .article-normal .source {
        padding: 0 5px
    }
}

.article-big header {
    position: relative;
    top: -90px;
    background-color: #fff;
    margin: 0 16px -90px;
    width: calc(100% - 32px);
    padding: 0 18px;
    box-sizing: border-box;
    z-index: 100
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .article-big header {
        padding: 0 30px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .article-big header {
        padding: 0 30px;
        top: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .article-big header {
        padding: 0 30px;
        width: 100%;
        top: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1200px) {
    .fragment-wrapper.main-wrapper.top {
        padding: 50% 0 0
    }
}

@media only screen and (max-width:1199px) and (min-width:767px) {
    .fragment-wrapper.main-wrapper.top {
        padding: 35% 0 0
    }
}

.quizzes-quiz .article-share {
    top: 0
}

.article-share {
    display: none
}

@media only screen and (min-width:992px) {
    .article-share {
        position: absolute;
        top: 10px;
        left: 0;
        display: block
    }
}

article .article-poll {
    margin-bottom: 15px
}

.article-normal iframe {
    margin-bottom: 10px
}

.commentsButton,
.fbButton {
    display: block;
    text-decoration: none;
    border: 1px solid #2a53c1;
    margin-bottom: 10px;
    height: 40px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .commentsButton,
    .fbButton {
        width: 87px
    }
}

@media only screen and (min-width:1200px) {
    .commentsButton,
    .fbButton {
        width: 127px
    }
}

.commentsButton .comments-icon,
.fbButton .comments-icon {
    width: 31px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/icons-sprite.svg) -81px -273px no-repeat
}

.commentsButton .commentsButtonNumber,
.fbButton .commentsButtonNumber {
    font-family: "NotoSans Bold";
    color: #2a53c1;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle
}

.commentsButton:hover,
.fbButton:hover {
    background: #2a53c1
}

.commentsButton:hover .comments-icon,
.fbButton:hover .comments-icon {
    background: url(../../images/icons-sprite.svg) -81px -327px no-repeat
}

.commentsButton:hover .commentsButtonNumber,
.fbButton:hover .commentsButtonNumber {
    color: #fff
}

.fbButton .fb-icon:before {
    content: "";
    background: url(../../images/fb-share.svg) no-repeat;
    width: 13px;
    height: 24px;
    display: inline-block;
    vertical-align: text-top
}

.fbButton .share-text {
    font-family: FiraSans, sans-serif;
    color: #2a53c1;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    vertical-align: text-bottom
}

.fbButton:hover .fb-icon:before {
    background: url(../../images/fb-share-white.svg) no-repeat
}

.fbButton:hover .share-text {
    color: #fff
}

.rel-content {
    width: 100%;
    margin: 10px 0
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .rel-content {
        margin: 10px 0 20px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .rel-content {
        margin: 10px 0 20px
    }
}

@media only screen and (min-width:576px) {
    .rel-content {
        margin: 22px 0;
        width: 300px
    }
    .rel-content.fl {
        margin-right: 32px
    }
}

.article-big h1,
.article-normal h1 {
    font-size: 24px;
    line-height: 28px;
    line-height: 52px;
    background-color: transparent;
    z-index: 100;
    color: #000;
    padding: 0 15px;
    margin: 25px 0;
    text-align: left
}

@media only screen and (min-width:768px) {
    .article-big h1,
    .article-normal h1 {
        font-size: 45px;
        line-height: 48px;
        margin: 30px 0
    }
}

.article-big h2.subtitle,
.article-normal h2.subtitle {
    display: none;
    font-size: 18px;
    line-height: 22px;
    font-family: NotoSerif;
    padding: 0 15px;
    margin: 25px 0;
    color: #000
}

@media only screen and (min-width:768px) {
    .article-big h2.subtitle,
    .article-normal h2.subtitle {
        display: block;
        font-size: 19px;
        line-height: 25px;
        margin: 30px 0 0
    }
}

.article-big .sticky-wrapper iframe,
.article-normal .sticky-wrapper iframe {
    margin-bottom: 25px!important
}

.main-wrapper.article-big,
.main-wrapper.article-big .article-standard,
.main-wrapper.article-normal,
.main-wrapper.article-normal .article-standard {
    position: relative
}

@media only screen and (max-width:575px) {
    .main-wrapper.article-big .article-standard .article-info-inner,
    .main-wrapper.article-normal .article-standard .article-info-inner {
        background-color: #2a53c1
    }
    .main-wrapper.article-big .article-standard .article-info-inner .article-category a,
    .main-wrapper.article-big .article-standard .article-info-inner h1,
    .main-wrapper.article-normal .article-standard .article-info-inner .article-category a,
    .main-wrapper.article-normal .article-standard .article-info-inner h1 {
        color: #fff
    }
    .main-wrapper.article-big .article-standard .article-info-inner .article-info,
    .main-wrapper.article-normal .article-standard .article-info-inner .article-info {
        border-top: 1px solid #4669c9
    }
}

.main-wrapper.article-big .article-standard .article-info-holder.absolute,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute {
    display: table;
    position: absolute;
    height: 480px;
    top: -480px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard .article-info-holder.absolute,
    .main-wrapper.article-normal .article-standard .article-info-holder.absolute {
        height: 558px;
        top: -558px
    }
}

.main-wrapper.article-big .article-standard .article-info-holder.absolute .article-info-inner,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute .article-info-inner {
    display: table-cell;
    vertical-align: bottom
}

.main-wrapper.article-big .article-standard .article-info-holder.absolute .article-category a,
.main-wrapper.article-big .article-standard .article-info-holder.absolute .article-info h3,
.main-wrapper.article-big .article-standard .article-info-holder.absolute .article-info h3 a,
.main-wrapper.article-big .article-standard .article-info-holder.absolute h1,
.main-wrapper.article-big .article-standard .article-info-holder.absolute h2.subtitle,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute .article-category a,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute .article-info h3,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute .article-info h3 a,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute h1,
.main-wrapper.article-normal .article-standard .article-info-holder.absolute h2.subtitle {
    color: #fff
}

.main-wrapper.article-big .inspirer-send,
.main-wrapper.article-normal .inspirer-send {
    background: #fff;
    padding: 15px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper.article-big .article-standard .article-info-holder.absolute,
    .main-wrapper.article-normal .article-standard .article-info-holder.absolute {
        height: 578px;
        top: -578px
    }
    .main-wrapper.article-big .inspirer-send,
    .main-wrapper.article-normal .inspirer-send {
        padding: 30px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper.article-big .article-standard .article-info-holder.absolute,
    .main-wrapper.article-normal .article-standard .article-info-holder.absolute {
        height: 583px;
        top: -583px
    }
    .main-wrapper.article-big .inspirer-send,
    .main-wrapper.article-normal .inspirer-send {
        padding: 60px
    }
    .main-wrapper.article-big .inspirer-send>.btn.btn-blue,
    .main-wrapper.article-normal .inspirer-send>.btn.btn-blue {
        float: right;
        margin-top: 0
    }
}

.main-wrapper.article-big .inspirer-send h1,
.main-wrapper.article-normal .inspirer-send h1 {
    padding: 0;
    color: #000;
    margin-top: 0
}

.main-wrapper.article-big .inspirer-send h2,
.main-wrapper.article-normal .inspirer-send h2 {
    color: #000;
    font: 14px/22px "Fira Sans"
}

@media only screen and (max-width:991px) and (min-width:320px) {
    .main-wrapper.article-big .inspirer-send h2,
    .main-wrapper.article-normal .inspirer-send h2 {
        font-size: 19px;
        line-height: 28px
    }
}

.main-wrapper.article-big .inspirer-send .mobile-btn-holder,
.main-wrapper.article-normal .inspirer-send .mobile-btn-holder {
    text-align: center;
    margin-bottom: 30px
}

.main-wrapper.article-big .inspirer-send .inspirer-send-inner,
.main-wrapper.article-normal .inspirer-send .inspirer-send-inner {
    background: #f4f4f4;
    padding: 15px;
    width: calc(100% + 30px);
    margin-left: -15px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper.article-big .inspirer-send .inspirer-send-inner,
    .main-wrapper.article-normal .inspirer-send .inspirer-send-inner {
        width: 100%;
        margin: 0;
        padding: 30px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper.article-big .inspirer-send h2,
    .main-wrapper.article-normal .inspirer-send h2 {
        font-size: 26px;
        line-height: 37px
    }
    .main-wrapper.article-big .inspirer-send .inspirer-send-inner,
    .main-wrapper.article-normal .inspirer-send .inspirer-send-inner {
        width: 100%;
        margin: 0;
        padding: 60px
    }
}

.main-wrapper.article-big .inspirer-send input[type=text],
.main-wrapper.article-normal .inspirer-send input[type=text] {
    max-width: 510px
}

.main-wrapper.article-big .inspirer-send .upload-field,
.main-wrapper.article-normal .inspirer-send .upload-field {
    min-height: 133px
}

.main-wrapper.article-big .inspirer-send .upload-field .uploaded-file-names,
.main-wrapper.article-normal .inspirer-send .upload-field .uploaded-file-names {
    margin-bottom: 10px
}

.main-wrapper.article-big .inspirer-send .upload-field .uploaded-file-names p,
.main-wrapper.article-normal .inspirer-send .upload-field .uploaded-file-names p {
    font-size: 14px;
    margin-bottom: 6px
}

.main-wrapper.article-big .inspirer-send .upload-field .btn-upload,
.main-wrapper.article-normal .inspirer-send .upload-field .btn-upload {
    position: relative;
    height: 40px;
    width: 140px;
    margin-bottom: 10px
}

.main-wrapper.article-big .inspirer-send .upload-field .btn-upload input[type=file],
.main-wrapper.article-normal .inspirer-send .upload-field .btn-upload input[type=file] {
    height: 40px;
    width: 140px;
    background: red;
    position: absolute;
    z-index: 50;
    display: inline-block;
    opacity: 0
}

.main-wrapper.article-big .inspirer-send .upload-field .btn-upload .upload-file,
.main-wrapper.article-normal .inspirer-send .upload-field .btn-upload .upload-file {
    position: absolute;
    z-index: 10;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    color: #2a53c1;
    background: #fff;
    border: 1px solid #2a53c1;
    text-align: center;
    padding: 0 15px
}

.main-wrapper.article-big .inspirer-send .upload-field .file-types,
.main-wrapper.article-normal .inspirer-send .upload-field .file-types {
    font-size: 12px;
    line-height: 16px
}

.main-wrapper.article-big .article-standard.inspirer-success,
.main-wrapper.article-normal .article-standard.inspirer-success {
    text-align: center;
    background: #fff;
    padding: 15px
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .main-wrapper.article-big .article-standard.inspirer-success,
    .main-wrapper.article-normal .article-standard.inspirer-success {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard.inspirer-success,
    .main-wrapper.article-normal .article-standard.inspirer-success {
        padding: 30px 30px 80px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper.article-big .article-standard.inspirer-success,
    .main-wrapper.article-normal .article-standard.inspirer-success {
        padding: 30px 60px 120px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper.article-big .article-standard.inspirer-success,
    .main-wrapper.article-normal .article-standard.inspirer-success {
        padding: 30px 60px 230px
    }
}

.main-wrapper.article-big .article-standard.inspirer-success .inspirer-success-inner,
.main-wrapper.article-normal .article-standard.inspirer-success .inspirer-success-inner {
    background: #f4f4f4;
    padding: 15px
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard.inspirer-success .inspirer-success-inner,
    .main-wrapper.article-normal .article-standard.inspirer-success .inspirer-success-inner {
        padding: 30px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper.article-big .article-standard.inspirer-success .inspirer-success-inner,
    .main-wrapper.article-normal .article-standard.inspirer-success .inspirer-success-inner {
        padding: 60px
    }
}

.main-wrapper.article-big .article-standard.inspirer-success .success-image,
.main-wrapper.article-normal .article-standard.inspirer-success .success-image {
    display: inline-block;
    width: 44px;
    height: 45px;
    margin-bottom: 20px;
    background: url(../../images/checkbox-sprite.svg) -78px -128px no-repeat;
    background-size: 200px 210px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard.inspirer-success .success-image,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-image {
        width: 96px;
        height: 117px;
        margin-bottom: 50px;
        background: url(../../images/checkbox-sprite.svg) -102px -280px no-repeat;
        background-size: 300px 480px
    }
}

@media only screen and (min-width:768px) {
    .main-wrapper.article-big .article-standard.inspirer-success .success-image,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-image {
        width: 132px;
        height: 163px;
        margin-bottom: 60px;
        background: url(../../images/checkbox-sprite.svg) -117px -366px no-repeat;
        background-size: 366px 637px
    }
}

.main-wrapper.article-big .article-standard.inspirer-success .success-text,
.main-wrapper.article-normal .article-standard.inspirer-success .success-text {
    color: #989898;
    font: 26px/40px NotoSerif;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard.inspirer-success .success-text,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-text {
        font: 38px/40px NotoSerif
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper.article-big .article-standard.inspirer-success .success-text,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-text {
        font: 35px/62px NotoSerif;
        margin-bottom: 50px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .article-big .img-big-wrapper .img-main {
        transform: translateX(-50%) scale(1.2);
        -webkit-transform: translateX(-50%) scale(1.2);
        -webkit-transition-property: -webkit-transform
    }
    .main-wrapper.article-big .article-standard.inspirer-success .success-text,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-text {
        font: 35px/62px NotoSerif
    }
}

@media only screen and (min-width:1200px) {
    .main-wrapper.article-big .article-standard.inspirer-success .success-text,
    .main-wrapper.article-normal .article-standard.inspirer-success .success-text {
        font: 45px/62px NotoSerif;
        margin-bottom: 60px
    }
}

.main-wrapper.article-big .article-standard.inspirer-success p,
.main-wrapper.article-normal .article-standard.inspirer-success p {
    color: #989898;
    font: 16px/22px FiraSans;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper.article-big .article-standard.inspirer-success p,
    .main-wrapper.article-normal .article-standard.inspirer-success p {
        font: 22px/37px FiraSans
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper.article-big .article-standard.inspirer-success p,
    .main-wrapper.article-normal .article-standard.inspirer-success p {
        font: 26px/37px FiraSans
    }
}

.main-wrapper.article-big .participate-box,
.main-wrapper.article-normal .participate-box {
    width: 100%;
    height: 290px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    background: url(../../images/inspirer-bgr.jpg) no-repeat
}

@media only screen and (min-width:320px) {
    .main-wrapper.article-big .participate-box,
    .main-wrapper.article-normal .participate-box {
        height: 190px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .main-wrapper.article-big .article-standard.inspirer-success p,
    .main-wrapper.article-normal .article-standard.inspirer-success p {
        font: 26px/37px FiraSans
    }
    .main-wrapper.article-big .participate-box,
    .main-wrapper.article-normal .participate-box {
        width: calc(100% - 98px);
        margin-left: 98px
    }
}

@media only screen and (min-width:1200px) {
    .main-wrapper.article-big .article-standard.inspirer-success p,
    .main-wrapper.article-normal .article-standard.inspirer-success p {
        font: 26px/37px FiraSans
    }
    .main-wrapper.article-big .participate-box,
    .main-wrapper.article-normal .participate-box {
        width: calc(100% - 183px);
        margin-left: 183px
    }
}

.main-wrapper.article-big .participate-box img,
.main-wrapper.article-normal .participate-box img {
    position: absolute;
    bottom: 0;
    right: 0;
    top: -30px;
    z-index: 100
}

@media only screen and (min-width:576px) {
    .main-wrapper.article-big .participate-box img,
    .main-wrapper.article-normal .participate-box img {
        width: initial
    }
}

.main-wrapper.article-big .participate-box .btn,
.main-wrapper.article-normal .participate-box .btn {
    z-index: 200;
    bottom: 35px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.inspirer-home.top {
    padding: 77px 0 80px
}

.inspirer-logo {
    display: block;
    width: 236px;
    height: auto;
    margin: 0 auto 25px
}

@media only screen and (min-width:768px) {
    .inspirer-home.top {
        padding-top: 117px
    }
    .inspirer-logo {
        width: 358px
    }
}

.nav-inspirer,
.nav-inspirer-embed {
    width: 100%;
    position: relative
}

@media only screen and (min-width:1200px) {
    .inspirer-logo {
        margin: 0;
        float: left
    }
    .nav-inspirer {
        width: 780px;
        float: right
    }
}

.nav-inspirer-embed {
    margin-top: 52px;
    background: url(../../images/inspirer/vdahnovitelite_1920x1080.jpg) top center no-repeat;
    padding-top: 25px;
    z-index: 2
}

.nav-inspirer:after,
.nav-inspirer:before {
    display: block;
    height: 1px;
    opacity: .25;
    z-index: 50;
    right: 0;
    content: ""
}

@media only screen and (min-width:768px) {
    .nav-inspirer-embed {
        margin-top: 67px
    }
}

@media only screen and (min-width:992px) {
    .nav-inspirer-embed {
        padding-top: 50px;
        padding: 50px calc((100% - 1200px)/ 2) 0
    }
    .nav-inspirer {
        background: 0 0;
        margin: 0 auto;
        width: 780px
    }
}

.nav-inspirer-outer {
    padding: 0 15px 30px
}

.nav-inspirer:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

@media only screen and (min-width:992px) {
    .nav-inspirer:before {
        left: 14px
    }
}

.nav-inspirer:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff
}

.nav-inspirer .inspirer-sponsor {
    position: absolute;
    bottom: -23px;
    right: 0
}

.nav-inspirer .inspirer-sponsor span {
    color: #c7c7c7;
    font-size: 11px;
    font-family: "NotoSerif Italic"
}

.nav-inspirer .inspirer-sponsor a {
    width: 112px;
    height: 23px;
    padding: 2px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px
}

@media only screen and (min-width:768px) {
    .nav-inspirer .inspirer-sponsor {
        bottom: -30px
    }
    .nav-inspirer .inspirer-sponsor a {
        width: 112px;
        height: 30px;
        padding: 3px
    }
}

.nav-inspirer .inspirer-sponsor img {
    width: auto;
    height: 100%
}

.nav-inspirer-mobile {
    height: 42px;
    overflow: hidden;
    background: 0 0;
    position: relative
}

@media only screen and (min-width:992px) {
    .nav-inspirer-mobile {
        display: none
    }
}

.nav-inspirer-mobile ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.nav-inspirer-mobile ul li {
    float: left;
    line-height: 42px;
    display: inline-block;
    padding: 0 15px
}

.nav-inspirer-mobile ul li a {
    color: #fff;
    text-transform: uppercase;
    font: 14px/18px "NotoSans Bold"
}

.inspirer-nav-toggle {
    cursor: pointer;
    padding: 15px 7px 17px;
    vertical-align: middle;
    line-height: 7px;
    right: 0;
    top: 0;
    display: inline-block;
    position: absolute;
    z-index: 150;
    min-width: 50px;
    text-align: center;
    background: 0 0
}

@media only screen and (min-width:768px) {
    .nav-inspirer-mobile ul li a {
        font-size: 15px
    }
    .inspirer-nav-toggle {
        display: none
    }
}

.inspirer-nav-toggle.toggle {
    padding-bottom: 20px;
    background: #fff;
    z-index: 400
}

.inspirer-nav-toggle.toggle .dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #2a53c1;
    border-radius: 4px
}

.inspirer-nav-toggle .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 3px
}

.inspirer-nav-toggle .dot:nth-of-type(2) {
    margin: 0 1px
}

.inspirer-nav {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    list-style-type: none;
    padding: 15px;
    z-index: 100;
    top: 43px;
    -webkit-box-shadow: 0 0 6px #989898;
    box-shadow: 0 0 6px #989898;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .inspirer-nav {
        background: 0 0;
        display: block;
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin: 0
    }
}

.inspirer-nav .button,
.inspirer-nav.visible {
    display: block
}

@media only screen and (min-width:768px) {
    .inspirer-nav .button {
        display: none;
        padding: 10px 0 25px
    }
}

.inspirer-nav .button a {
    margin: 0
}

.inspirer-nav li {
    width: 100%;
    padding: 7px 15px
}

@media only screen and (min-width:768px) {
    .inspirer-nav li {
        padding: 0 14px
    }
}

@media only screen and (min-width:992px) {
    .inspirer-nav li {
        width: auto;
        float: left;
        padding: 0 14px;
        line-height: 50px
    }
    .inspirer-nav li:last-child {
        padding-right: 0
    }
}

.inspirer-nav li a {
    color: #2a53c1;
    font: 15px/20px "NotoSans Bold"
}

@media only screen and (min-width:768px) {
    .inspirer-nav li a {
        color: #fff;
        font-size: 15px
    }
}

.inspirer-nav li a.active {
    color: #ffc600
}

.main-wrapper .inspirer-title {
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto -80px!important
}

@media only screen and (max-width:767px) {
    .main-wrapper .inspirer-title {
        margin: 0 auto -125px!important
    }
}

.main-wrapper .inspirer-title span {
    color: #FF7B00
}

.inspirer-form {
    background: #fff;
    margin: 0 auto 90px
}

.inspirer-form .msg.success {
    color: #2a53c1
}

.inspirer-form .msg.error {
    color: #ff7800
}

.inspirer-form .form-text {
    padding: 52px 85px
}

.inspirer-form .text {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-family: NotoSerif;
    letter-spacing: 0;
    color: #000
}

@media only screen and (max-width:991px) {
    .inspirer-form .form-text {
        padding: 20px
    }
    .inspirer-form .text {
        font-size: 14px;
        line-height: 18px
    }
}

.inspirer-form .form-wrap {
    max-width: 740px;
    margin: 0 auto 30px
}

.inspirer-form .form-wrap .form-row.desc textarea {
    height: 185px;
    padding: 10px;
    margin-bottom: 35px;
    resize: none
}

@media only screen and (max-width:767px) {
    .inspirer-form .form-wrap .form-row.desc textarea {
        height: 285px
    }
}

.inspirer-form .form-wrap .form-row label {
    font-size: 18px;
    font-family: NotoSerif;
    line-height: 14px
}

@media only screen and (max-width:991px) {
    .inspirer-form .form-wrap .form-row label {
        font-size: 16px;
        line-height: 22px
    }
}

.search-page-form form {
    margin-bottom: 50px
}

.search-page-form .form-row {
    min-height: auto;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px
}

.search-page-form .form-row .search-icon {
    position: absolute;
    right: 0;
    top: 3px
}

.search-page-form .form-row .search-icon:after {
    content: "";
    background: url(../../images/icons-sprite.svg) -10px -5px no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block
}

.search-page-form .form-row .search-input {
    font-size: 18px;
    font-family: "NotoSerif Bold"
}

.search-page-form .form-row .search-input:focus {
    outline: 0
}

.search-page-form .form-row .btn-search {
    position: absolute;
    right: 1px;
    top: 2px;
    height: 35px;
    width: 35px;
    background: 0 0;
    z-index: 1;
    cursor: pointer;
    border: none
}

.search-page-form .form-row-check {
    position: relative;
    margin-bottom: 20px
}

.search-page-form .form-row-check .form-check-label {
    padding-left: 30px;
    font-size: 16px;
    color: #000;
    font-family: NotoSerif;
    line-height: 14px;
    vertical-align: middle
}

.search-page-form .form-row-check .form-check-input {
    margin: 0;
    z-index: 6;
    width: 22px;
    height: 22px;
    opacity: 0
}

.search-page-form .form-row-check .check {
    display: block;
    position: absolute;
    border: 1px solid #2a53c1;
    background-color: #fff;
    height: 22px;
    width: 22px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.search-page-form .form-row-check input[type=checkbox]:checked~.check {
    border: 1px solid #2a53c1
}

.search-page-form .form-row-check input[type=checkbox]:checked~.check::before {
    background: #2a53c1
}

.search-page-form .form-row-check .check::before {
    display: block;
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.block-team .inspirer-author img,
.gallery-list .card-item.leading.biggest img,
.native-mobile .img-holder img,
.rel-articles img,
.vesti-galleryList img {
    -webkit-transition-property: -webkit-transform
}

.img-with-text img,
.inspirer-player .videoWrapper {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s
}

.main-wrapper .inspirer-index {
    text-align: center;
    margin: 20px auto 90px
}

@media only screen and (min-width:768px) {
    .main-wrapper .inspirer-index {
        margin: 50px auto 100px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper .inspirer-index {
        margin: 50px auto 110px
    }
}

.main-wrapper .inspirer-index h1 {
    margin: 0 auto 25px;
    max-width: 260px;
    padding: 0;
    font: 22px/28px NotoSerif
}

@media only screen and (min-width:768px) {
    .main-wrapper .inspirer-index h1 {
        margin: 0 auto 40px;
        font: 34px/48px NotoSerif;
        max-width: 540px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper .inspirer-index h1 {
        margin: 0 auto 30px;
        font: 38px/52px NotoSerif;
        max-width: 600px
    }
}

.main-wrapper .inspirer-index .btn.btn-blue,
.main-wrapper .inspirer-index .btn.btn-white {
    width: 260px
}

.block-team {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0
}

.block-team .inspirer-authors {
    float: left
}

.block-team .inspirer-authors .text-holder h2 {
    font: 17px/21px NotoSerif
}

@media only screen and (min-width:992px) {
    .block-team {
        padding: 0 15px
    }
    .block-team .inspirer-authors {
        padding: 0
    }
    .block-team .inspirer-authors .text-holder h2 {
        font: 18px/22px NotoSerif
    }
}

.block-team .inspirer-authors .label-occupation {
    display: block;
    color: #989898;
    font: 11px/15px "NotoSerif Italic"
}

.block-team .inspirer-author {
    float: left;
    min-height: 268px
}

.block-team .inspirer-author .img-holder {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px
}

.block-team .inspirer-author img {
    left: 50%;
    height: 100%;
    width: auto;
    position: absolute;
    transform: translateX(-50%) scale(1.12);
    -webkit-transform: translateX(-50%) scale(1.12);
    transition-property: transform
}

.block-team .inspirer-author .text-holder a {
    font-size: 18px;
    line-height: 22px
}

.block-team .inspirer-authors-text {
    float: right
}

.block-team .inspirer-authors-text p {
    color: #000;
    font: 17px/22px NotoSerif
}

.inspirer-row-news {
    overflow: hidden;
    margin-bottom: 15px
}

.inspirer-row-news .card-outer {
    float: left;
    overflow: hidden
}

.inspirer-cards {
    background: #fff;
    padding: 15px 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .card-item.leading.inspirer-special .img-holder img {
        width: 100%;
        height: auto
    }
}

@media only screen and (min-width:992px) {
    .block-team .inspirer-authors-text p {
        font: 22px/30px NotoSerif
    }
    .inspirer-cards {
        padding: 30px 15px 0
    }
    .card-item.leading.inspirer-special {
        height: 590px;
        margin-right: 15px
    }
}

.inspirer-player {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #000
}

.inspirer-player.visible {
    display: block
}

.inspirer-player .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.inspirer-player .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inspirer-player .inspirer-player-close {
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(../../images/close.png) center center no-repeat
}

.inspirer-player .small-popup {
    display: none;
    background: #fff;
    padding: 20px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: 70%;
    max-width: 900px;
    position: absolute;
    z-index: 1100;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:768px) {
    .inspirer-row-news {
        margin-bottom: 30px
    }
    .inspirer-player .small-popup {
        padding: 50px
    }
}

.inspirer-player .small-popup.visible {
    display: block
}

.inspirer-player .small-popup p {
    text-align: center
}

.inspirer-player .small-popup p.text {
    width: 100%;
    font: 24px/30px NotoSerif;
    margin-bottom: 25px;
    color: #000
}

@media only screen and (min-width:768px) {
    .inspirer-player .small-popup p.text {
        margin-bottom: 50px;
        font: 45px/62px NotoSerif
    }
}

.inspirer-player .small-popup .article-share {
    position: relative;
    top: initial;
    left: initial;
    text-align: center;
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {
    .inspirer-player .small-popup .article-share {
        margin-bottom: 50px
    }
}

.inspirer-player .small-popup .article-share .facebookButtonShareVestiArticle {
    display: inline-block
}

.article-big>.article-standard.standard,
.article-normal>.article-standard.standard {
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    position: relative
}

.article-big>.article-standard #native_call,
.article-big>.article-standard .native-ad,
.article-normal>.article-standard #native_call,
.article-normal>.article-standard .native-ad {
    display: none
}

.article-big>.article-standard .native-ad.loaded,
.article-normal>.article-standard .native-ad.loaded {
    display: block;
    width: 100%;
    padding: 15px;
    line-height: 18px;
    box-sizing: border-box;
    background: #f8edd0;
    position: relative;
    z-index: 100
}

@media only screen and (min-width:576px) {
    .article-big>.article-standard .native-ad.loaded,
    .article-normal>.article-standard .native-ad.loaded {
        float: right;
        width: 300px;
        margin-top: 36px
    }
}

.article-big>.article-standard .native-ad.loaded>a,
.article-normal>.article-standard .native-ad.loaded>a {
    width: 120px;
    height: auto;
    margin-right: 19px;
    float: left
}

.article-big>.article-standard .native-ad.loaded>a img,
.article-normal>.article-standard .native-ad.loaded>a img {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 10px
}

.article-big>.article-standard .native-ad.loaded figure,
.article-normal>.article-standard .native-ad.loaded figure {
    margin: 0
}

.article-big>.article-standard .native-ad.loaded .native-ad-title,
.article-normal>.article-standard .native-ad.loaded .native-ad-title {
    margin-bottom: 5px;
    display: block
}

.article-big>.article-standard .native-ad.loaded .native-ad-title a,
.article-normal>.article-standard .native-ad.loaded .native-ad-title a {
    color: #989898;
    font-size: 17px
}

.article-big>.article-standard .native-ad.loaded .native_barcode_category,
.article-normal>.article-standard .native-ad.loaded .native_barcode_category {
    margin: 0 7px 0 0;
    font-size: 13px;
    color: #dcdcdc
}

.article-big>.article-standard article,
.article-normal>.article-standard article {
    width: 100%
}

.article-big>.article-standard .article-body,
.article-normal>.article-standard .article-body {
    box-sizing: border-box;
    padding: 30px 15px 15px;
    position: relative
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .article-big>.article-standard .article-body,
    .article-normal>.article-standard .article-body {
        padding: 0;
        margin-left: 0
    }
}

@media only screen and (min-width:992px) {
    .article-big>.article-standard article,
    .article-normal>.article-standard article {
        float: left;
        width: calc(100% - 330px);
        min-width: calc(100% - 330px)
    }
    .article-big>.article-standard .article-body,
    .article-normal>.article-standard .article-body {
        padding: 0;
        margin-left: -86px
    }
}

.article-big>.article-standard .img-bottom img,
.article-big>.article-standard .img-content img,
.article-normal>.article-standard .img-bottom img,
.article-normal>.article-standard .img-content img {
    width: 100%;
    height: auto;
    margin-top: 15px
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .article-big>.article-standard .img-bottom img,
    .article-big>.article-standard .img-content img,
    .article-normal>.article-standard .img-bottom img,
    .article-normal>.article-standard .img-content img {
        margin: 15px -15px 0 0
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .article-big>.article-standard .img-bottom img,
    .article-big>.article-standard .img-content img,
    .article-normal>.article-standard .img-bottom img,
    .article-normal>.article-standard .img-content img {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .article-big>.article-standard .img-bottom img,
    .article-big>.article-standard .img-content img,
    .article-normal>.article-standard .img-bottom img,
    .article-normal>.article-standard .img-content img {
        margin: 30px 0 0
    }
}

@media only screen and (min-width:992px) {
    .article-big>.article-standard .img-bottom img,
    .article-big>.article-standard .img-content img,
    .article-normal>.article-standard .img-bottom img,
    .article-normal>.article-standard .img-content img {
        margin: 30px 0 0
    }
}

.article-big>.article-standard .article-inner-wide-image img,
.article-normal>.article-standard .article-inner-wide-image img {
    width: 100%;
    height: auto
}

.article-big>.article-standard .article-in-image.left,
.article-normal>.article-standard .article-in-image.left {
    max-width: 317px;
    margin-right: 15px;
    float: left;
    position: relative;
    z-index: 10
}

.article-big>.article-standard .article-in-image.left>a,
.article-big>.article-standard .article-in-image.left>a>img,
.article-normal>.article-standard .article-in-image.left>a,
.article-normal>.article-standard .article-in-image.left>a>img {
    display: block
}

.article-big>.article-standard .article-in-image.right,
.article-normal>.article-standard .article-in-image.right {
    max-width: 317px;
    margin-left: 15px;
    float: right;
    position: relative;
    z-index: 10
}

.article-big>.article-standard .article-in-image.right>a,
.article-big>.article-standard .article-in-image.right>a>img,
.article-normal>.article-standard .article-in-image.right>a,
.article-normal>.article-standard .article-in-image.right>a>img {
    display: block
}

.article-big>.article-standard .article-after-image.left,
.article-normal>.article-standard .article-after-image.left {
    max-width: 317px;
    margin-right: 15px;
    float: left;
    position: relative;
    z-index: 10
}

.article-big>.article-standard .article-after-image.left>a,
.article-big>.article-standard .article-after-image.left>a>img,
.article-normal>.article-standard .article-after-image.left>a,
.article-normal>.article-standard .article-after-image.left>a>img {
    display: block
}

.article-big>.article-standard .article-after-image.right,
.article-normal>.article-standard .article-after-image.right {
    max-width: 317px;
    margin-left: 15px;
    float: right;
    position: relative;
    z-index: 10
}

.article-big>.article-standard .article-after-image.right>a,
.article-big>.article-standard .article-after-image.right>a>img,
.article-normal>.article-standard .article-after-image.right>a,
.article-normal>.article-standard .article-after-image.right>a>img {
    display: block
}

.article-big>.article-standard figcaption,
.article-normal>.article-standard figcaption {
    line-height: 20px
}

.article-big>.article-standard .article-text,
.article-normal>.article-standard .article-text {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    font-family: FiraSans;
    color: #000
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-text,
    .article-normal>.article-standard .article-text {
        font-size: 19px;
        line-height: 29px
    }
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .article-big>.article-standard .article-text,
    .article-normal>.article-standard .article-text {
        padding-left: 98px
    }
}

@media only screen and (min-width:1200px) {
    .article-big>.article-standard .article-text,
    .article-normal>.article-standard .article-text {
        padding-left: 183px
    }
}

.article-big>.article-standard .article-text>h3,
.article-normal>.article-standard .article-text>h3 {
    font-family: FiraSans;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .article-big>.article-standard .article-text>h3,
    .article-normal>.article-standard .article-text>h3 {
        font-size: 20px
    }
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-text>h3,
    .article-normal>.article-standard .article-text>h3 {
        font-size: 22px;
        margin-bottom: 18px
    }
}

.article-big>.article-standard .article-text p,
.article-normal>.article-standard .article-text p {
    position: relative
}

.article-big>.article-standard .article-text .fb-page,
.article-big>.article-standard .article-text .fb-page span,
.article-big>.article-standard .article-text .fb-page span iframe[style],
.article-big>.article-standard .article-text iframe,
.article-normal>.article-standard .article-text .fb-page,
.article-normal>.article-standard .article-text .fb-page span,
.article-normal>.article-standard .article-text .fb-page span iframe[style],
.article-normal>.article-standard .article-text iframe {
    width: 100%
}

.article-big>.article-standard .article-text .video-wrapper,
.article-big>.article-standard .article-text figure,
.article-normal>.article-standard .article-text .video-wrapper,
.article-normal>.article-standard .article-text figure {
    margin-bottom: 10px
}

@media only screen and (min-width:576px) {
    .article-big>.article-standard .article-text .video-wrapper,
    .article-big>.article-standard .article-text figure,
    .article-normal>.article-standard .article-text .video-wrapper,
    .article-normal>.article-standard .article-text figure {
        margin-bottom: 15px
    }
}

.article-big>.article-standard .article-text>ol li,
.article-normal>.article-standard .article-text>ol li {
    position: relative;
    left: 22px
}

.article-big>.article-standard .article-text .first-letter-big,
.article-normal>.article-standard .article-text .first-letter-big {
    font-size: 92px;
    line-height: 92px;
    color: #2a53c1;
    float: left;
    font-family: NotoSerif;
    margin: -5px 15px 5px 0;
    font-weight: 400;
    position: relative;
    -webkit-clip-path: polygon(-8px 0, 100% 0, 100% 100%, 28px 100%);
    clip-path: polygon(-8px 0, 100% 0, 100% 100%, 28px 100%)
}

.article-big>.article-standard .article-text .first-letter-big:before,
.article-normal>.article-standard .article-text .first-letter-big:before {
    content: "";
    top: 16px;
    left: 0;
    position: absolute;
    border-top: 1px solid #d5d5d5;
    width: 83px;
    transform: rotate(69.5deg);
    transform-origin: 0 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) and (max-width:767px) {
    .article-big>.article-standard .article-text .first-letter-big:before,
    .article-normal>.article-standard .article-text .first-letter-big:before {
        content: none
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) and (min-width:768px) {
    .article-big>.article-standard .article-text .first-letter-big:before,
    .article-normal>.article-standard .article-text .first-letter-big:before {
        content: "";
        left: -1px
    }
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-text .first-letter-big:before,
    .article-normal>.article-standard .article-text .first-letter-big:before {
        top: 18px;
        width: 112px
    }
    .article-big>.article-standard .article-text .first-letter-big,
    .article-normal>.article-standard .article-text .first-letter-big {
        line-height: 120px;
        font-size: 120px;
        margin: -10px 15px 10px 0;
        -webkit-clip-path: polygon(-8px 0, 100% 0, 100% 100%, 37px 100%);
        clip-path: polygon(-8px 0, 100% 0, 100% 100%, 37px 100%)
    }
}

@supports (-ms-ime-align:auto) {
    @media only screen and (max-width: 767px) {
        .article-big>.article-standard .article-text .first-letter-big:before, .article-normal>.article-standard .article-text .first-letter-big:before {
            content: none
        }
    }
    @media only screen and (min-width:768px) {
        .article-big>.article-standard .article-text .first-letter-big:before,
        .article-normal>.article-standard .article-text .first-letter-big:before {
            content: "";
            left: -1px
        }
    }
    .article-big>.article-standard .article-text .first-letter-big,
    .article-normal>.article-standard .article-text .first-letter-big {
        clip-path: none
    }
    .article-big>.article-standard .article-text .first-letter-big:after,
    .article-normal>.article-standard .article-text .first-letter-big:after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 125px solid #fff;
        border-right: 59px solid transparent;
        position: absolute;
        left: -8px;
        top: 20px;
        transform: rotate(5deg)
    }
    @media only screen and (max-width:767px) {
        .article-big>.article-standard .article-text .first-letter-big:after,
        .article-normal>.article-standard .article-text .first-letter-big:after {
            content: none
        }
    }
}

@media screen\0 {
    .article-big>.article-standard .article-text .first-letter-big,
    .article-normal>.article-standard .article-text .first-letter-big {
        clip-path: none
    }
    .article-big>.article-standard .article-text .first-letter-big:after,
    .article-normal>.article-standard .article-text .first-letter-big:after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 125px solid #fff;
        border-right: 59px solid transparent;
        position: absolute;
        left: -8px;
        top: 20px;
        transform: rotate(5deg)
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) and (max-width:767px) {
    .article-big>.article-standard .article-text .first-letter-big:after,
    .article-normal>.article-standard .article-text .first-letter-big:after {
        content: none
    }
}

.article-big>.article-standard .article-text>ul,
.article-normal>.article-standard .article-text>ul {
    list-style-type: none;
    float: none;
    position: relative;
    z-index: 100;
    width: 100%
}

.article-big>.article-standard .article-text>ul li,
.article-normal>.article-standard .article-text>ul li {
    padding-left: 26px;
    margin-bottom: 10px;
    background: url(../../images/arrow-blue.svg) 0 5px no-repeat
}

.article-big>.article-standard .article-text>ul li a,
.article-normal>.article-standard .article-text>ul li a {
    color: #2a53c1
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .article-big>.article-standard .sub-article-text,
    .article-normal>.article-standard .sub-article-text {
        padding-left: 98px
    }
}

@media only screen and (min-width:1200px) {
    .article-big>.article-standard .sub-article-text,
    .article-normal>.article-standard .sub-article-text {
        padding-left: 183px
    }
}

.article-big>.article-standard .img-content,
.article-big>.article-standard .img-main,
.article-normal>.article-standard .img-content,
.article-normal>.article-standard .img-main {
    position: relative
}

@media only screen and (max-width:575px) {
    .article-big>.article-standard .img-content,
    .article-big>.article-standard .img-main,
    .article-normal>.article-standard .img-content,
    .article-normal>.article-standard .img-main {
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .img-main.recipe,
    .article-normal>.article-standard .img-main.recipe {
        margin-bottom: 20px
    }
}

.article-big>.article-standard p figure img,
.article-normal>.article-standard p figure img {
    width: 100%!important;
    height: auto!important
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .article-big>.article-standard p figure img,
    .article-normal>.article-standard p figure img {
        max-width: 570px!important
    }
}

.article-big>.article-standard .comments-item p img,
.article-normal>.article-standard .comments-item p img {
    width: auto!important;
    height: auto!important
}

.article-big>.article-standard figure.img-main-gif>img,
.article-big>.article-standard figure.img-main>img,
.article-normal>.article-standard figure.img-main-gif>img,
.article-normal>.article-standard figure.img-main>img {
    width: 100%;
    height: auto
}

.article-big>.article-standard .image-desc,
.article-normal>.article-standard .image-desc {
    background: #2a53c1;
    color: #fff;
    display: block;
    width: 100%;
    padding: 4px 5px;
    font-size: 14px
}

.article-big>.article-standard .article-gallery,
.article-normal>.article-standard .article-gallery {
    display: table;
    width: 100%;
    min-height: 250px;
    margin: 25px 0
}

.article-big>.article-standard .article-gallery .article-gallery-header .article-gallery-title,
.article-big>.article-standard .article-gallery .article-gallery-header .article-gallery-title a,
.article-big>.article-standard .article-poll .article-question .poll-title,
.article-normal>.article-standard .article-gallery .article-gallery-header .article-gallery-title,
.article-normal>.article-standard .article-gallery .article-gallery-header .article-gallery-title a,
.article-normal>.article-standard .article-poll .article-question .poll-title {
    color: #fff;
    margin-bottom: 15px;
    font: 20px/24px NotoSerif;
    text-align: center
}

.article-big>.article-standard .article-gallery .article-gallery-header,
.article-normal>.article-standard .article-gallery .article-gallery-header {
    display: block;
    background: #2a53c1;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

.article-big>.article-standard .article-gallery .article-gallery-header .label-holder a,
.article-normal>.article-standard .article-gallery .article-gallery-header .label-holder a {
    color: #fff
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-gallery .article-gallery-header,
    .article-normal>.article-standard .article-gallery .article-gallery-header {
        display: table-cell;
        width: 40%
    }
}

.article-big>.article-standard .article-gallery .article-gallery-images,
.article-normal>.article-standard .article-gallery .article-gallery-images {
    width: 100%;
    position: relative;
    min-height: 188px;
    display: table
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-gallery .article-gallery-images,
    .article-normal>.article-standard .article-gallery .article-gallery-images {
        width: 60%;
        display: table-cell
    }
}

.article-big>.article-standard .article-gallery .article-gallery-images .img-holder,
.article-normal>.article-standard .article-gallery .article-gallery-images .img-holder {
    overflow: hidden;
    float: left;
    width: 50%;
    height: 138px
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-gallery .article-gallery-images .img-holder,
    .article-normal>.article-standard .article-gallery .article-gallery-images .img-holder {
        height: auto
    }
    .article-big>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(1),
    .article-normal>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(1) {
        position: absolute;
        top: 0;
        left: 0;
        right: 50%;
        bottom: 50%
    }
    .article-big>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(2),
    .article-normal>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(2) {
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        bottom: 50%
    }
    .article-big>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(3),
    .article-normal>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(3) {
        position: absolute;
        top: 50%;
        left: 0;
        right: 50%;
        bottom: 0
    }
    .article-big>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(4),
    .article-normal>.article-standard .article-gallery .article-gallery-images .img-holder:nth-of-type(4) {
        position: absolute;
        top: 50%;
        left: 50%;
        right: 0;
        bottom: 0
    }
}

.article-big>.article-standard .article-gallery .article-gallery-images img,
.article-normal>.article-standard .article-gallery .article-gallery-images img {
    width: 120%;
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(1.2);
    -webkit-transform: translateX(-50%) scale(1.2)
}

.article-big>.article-standard .article-poll,
.article-normal>.article-standard .article-poll {
    display: table
}

.article-big>.article-standard .article-poll .results,
.article-normal>.article-standard .article-poll .results {
    margin-left: 30px
}

@media only screen and (min-width:576px) {
    .article-big>.article-standard .article-poll .results,
    .article-normal>.article-standard .article-poll .results {
        margin-left: 50px
    }
}

.article-big>.article-standard .article-poll .article-question,
.article-normal>.article-standard .article-poll .article-question {
    background: #2a53c1;
    padding: 15px
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-gallery .article-gallery-images img,
    .article-normal>.article-standard .article-gallery .article-gallery-images img {
        position: absolute;
        z-index: 100;
        width: 100%;
        height: auto;
        -webkit-transition-property: -webkit-transform
    }
    .article-big>.article-standard .article-poll .article-question,
    .article-normal>.article-standard .article-poll .article-question {
        display: table-cell;
        width: 40%
    }
}

.article-big>.article-standard .article-poll .article-poll label,
.article-normal>.article-standard .article-poll .article-poll label {
    cursor: pointer
}

.article-big>.article-standard .article-poll .article-poll .poll-field span,
.article-big>.article-standard .article-poll .article-poll .pollAnswer,
.article-big>.article-standard .article-poll .article-poll label,
.article-big>.article-standard .article-poll .poll-box .pollAnswer,
.article-normal>.article-standard .article-poll .article-poll .poll-field span,
.article-normal>.article-standard .article-poll .article-poll .pollAnswer,
.article-normal>.article-standard .article-poll .article-poll label,
.article-normal>.article-standard .article-poll .poll-box .pollAnswer {
    color: #353434;
    font: 15px/18px NotoSans
}

.article-big>.article-standard .article-poll .poll-field,
.article-normal>.article-standard .article-poll .poll-field {
    line-height: 22px
}

.article-big>.article-standard .article-poll .poll-share,
.article-normal>.article-standard .article-poll .poll-share {
    text-align: center
}

.article-big>.article-standard .article-poll .poll-share .fb-share,
.article-normal>.article-standard .article-poll .poll-share .fb-share {
    cursor: pointer;
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../../images/icons-sprite.svg) -72px -204px no-repeat;
    margin-right: 5px
}

.article-big>.article-standard .article-poll .poll-share .copy,
.article-normal>.article-standard .article-poll .poll-share .copy {
    cursor: pointer;
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../../images/icons-sprite.svg) -175px -211px no-repeat
}

@media only screen and (min-width:768px) {
    .article-big>.article-standard .article-poll .poll-box,
    .article-normal>.article-standard .article-poll .poll-box {
        display: table-cell;
        width: 60%
    }
}

.article-big>.article-standard .article-poll .poll-box h2,
.article-normal>.article-standard .article-poll .poll-box h2 {
    font: 20px/24px NotoSerif;
    color: #000
}

.article-tags {
    display: block;
    margin-bottom: 16px
}

.article-tags a {
    color: #000;
    font: 14px/19px NotoSerif;
    margin-right: 25px
}

.article-tags a:before {
    content: "#";
    display: inline-block
}

.article-footer {
    position: relative;
    margin: 10px 0 30px;
    font-family: Roboto;
    clear: both;
    padding-top: 10px
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .article-footer {
        margin: 0 0 35px
    }
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .article-footer {
        margin: 0 0 80px
    }
}

@media only screen and (min-width:992px) {
    .article-big>.article-standard p figure img,
    .article-normal>.article-standard p figure img {
        max-width: 680px!important
    }
    .article-footer {
        margin: 0 0 80px;
        width: 100%
    }
}

.article-footer-wrapper {
    position: relative;
    display: table;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%
}

.article-footer-info {
    width: 100%;
    white-space: normal;
    line-height: 26px;
    margin: 30px 0 40px
}

.article-info-bottom,
.article-info-bottom span {
    font-size: 14px;
    color: #989898
}

@media only screen and (max-width:567px) {
    .article-footer-info {
        margin: 20px 0 40px
    }
    .article-info-bottom,
    .article-info-bottom span {
        font-size: 11px;
        font-family: FiraSans
    }
}

.article-info-bottom div {
    display: inline-block;
    margin-right: 15px
}

.article-info-bottom a {
    font-size: 14px;
    color: #000
}

@media only screen and (max-width:567px) {
    .article-info-bottom a {
        font-size: 11px;
        font-family: FiraSans
    }
}

.rel-articles h2,
.rel-articles h2 a {
    font-family: NotoSerif;
    font-size: 28px
}

.article-emotions {
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    background: #f4f4f4
}

.article-emotions .icon {
    color: #2a53c1;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-top: 32px;
    text-align: center;
    margin: 0 2%;
    background-image: url(../../images/icons-sprite.svg);
    background-repeat: no-repeat;
    background-size: 300px 300px
}

.article-emotions .like {
    background-position: -251px -6px
}

@media only screen and (min-width:768px) {
    .article-emotions .icon {
        width: 44px;
        height: 38px;
        margin: 0 4.5% 0 2.5%;
        background-size: 380px 380px;
        padding: 0;
        text-align: left;
        text-indent: 47px;
        line-height: 42px
    }
    .article-emotions .like {
        background-position: -318px -8px
    }
}

.article-emotions .like.most {
    background-position: -201px -6px;
    color: #ff7800
}

@media only screen and (min-width:768px) {
    .article-emotions .like.most {
        background-position: -255px -8px
    }
}

.article-emotions .love {
    background-position: -251px -55px
}

@media only screen and (min-width:768px) {
    .article-emotions .love {
        background-position: -318px -70px
    }
}

.article-emotions .love.most {
    background-position: -201px -55px;
    color: #ff7800
}

@media only screen and (min-width:768px) {
    .article-emotions .love.most {
        background-position: -255px -70px
    }
}

.article-emotions .happy {
    background-position: -251px -101px
}

@media only screen and (min-width:768px) {
    .article-emotions .happy {
        background-position: -318px -128px
    }
}

.article-emotions .happy.most {
    background-position: -201px -101px;
    color: #ff7800
}

@media only screen and (min-width:768px) {
    .article-emotions .happy.most {
        background-position: -255px -128px
    }
}

.article-emotions .wow {
    background-position: -251px -150px
}

@media only screen and (min-width:768px) {
    .article-emotions .wow {
        background-position: -318px -190px
    }
}

.article-emotions .wow.most {
    background-position: -201px -150px;
    color: #ff7800
}

@media only screen and (min-width:768px) {
    .article-emotions .wow.most {
        background-position: -255px -190px
    }
}

.article-emotions .cry {
    background-position: -251px -202px
}

@media only screen and (min-width:768px) {
    .article-emotions .cry {
        background-position: -318px -255px
    }
}

.article-emotions .cry.most {
    background-position: -201px -202px;
    color: #ff7800
}

@media only screen and (min-width:768px) {
    .article-emotions .cry.most {
        background-position: -255px -255px
    }
}

.article-emotions .anger {
    background-position: -251px -252px
}

@media only screen and (min-width:768px) {
    .article-emotions .anger {
        background-position: -318px -320px
    }
}

.article-emotions .anger.most {
    background-position: -201px -252px
}

@media only screen and (min-width:768px) {
    .article-emotions .anger.most {
        background-position: -255px -320px
    }
}

.rel-articles {
    position: relative;
    z-index: 100;
    width: 100%;
    margin: 25px 0 30px;
    overflow: hidden
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .rel-articles {
        width: calc(100% + 98px);
        margin-left: -98px
    }
}

@media only screen and (min-width:1200px) {
    .rel-articles {
        width: calc(100% + 183px);
        margin-left: -183px
    }
}

.rel-articles h2 {
    font-weight: 400;
    margin: 10px 0 20px!important
}

.rel-articles ul {
    list-style-type: none;
    margin: 0
}

.rel-articles li {
    float: left;
    width: 25%;
    border-left: 1px solid #edeff1;
    margin: 0;
    height: 168px;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:1200px) {
    .rel-articles li {
        height: 225px
    }
}

.rel-articles li.native {
    border: 4px solid #f8edd0!important
}

.rel-articles li.native .text-holder span {
    color: #f8edd0;
    position: relative;
    display: inline-block!important;
    font: 11px/18px NotoSerif;
    line-height: 16px
}

.rel-articles li.native .text-holder span:after {
    display: inline-block;
    content: "";
    width: 19px;
    height: 16px;
    position: absolute;
    right: -26px;
    top: -1px;
    background: url(../../images/barcode.svg) no-repeat
}

.rel-articles li:first-child {
    border: 0
}

.rel-articles img {
    z-index: 100;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.rel-articles .text-holder {
    z-index: 300;
    position: absolute;
    bottom: 0;
    padding: 0 12px 12px
}

.rel-articles h3,
.rel-articles h3 a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    font-family: NotoSerif;
    margin: 0
}

.rel-articles.three li {
    width: 33.33%
}

.image-item-holder+.native-mobile {
    margin: -25px 0 30px
}

.native-mobile {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
    padding: 17px 0;
    margin: 0 0 30px
}

.native-mobile .img-holder {
    width: 134px;
    height: 90px;
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden
}

.native-mobile .img-holder img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition-property: transform
}

.native-mobile .text-holder h3,
.native-mobile .text-holder h3 a {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-family: NotoSerif
}

.native-mobile .text-holder span {
    color: #2a53c1;
    position: relative;
    display: inline-block!important;
    font: 11px/16px "NotoSerif Italic"
}

.native-mobile .text-holder span:after {
    display: inline-block;
    content: "";
    width: 19px;
    height: 16px;
    position: absolute;
    right: -26px;
    top: -1px;
    background: url(../../images/barcode.svg) no-repeat
}

.tab-wrapper {
    width: 100%;
    margin: 0 auto
}

.tab-wrapper ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.tab-wrapper ul.tabs:before {
    content: " ";
    width: 1px;
    height: 30px;
    background-color: #e1e1e1;
    position: absolute;
    left: 50%;
    bottom: 10px
}

.tab-wrapper ul.tabs li {
    font-size: 16px;
    font-family: NotoSerif;
    background: 0 0;
    color: #000;
    display: inline-block;
    padding: 8px 15px;
    cursor: pointer;
    width: 50%;
    text-align: center;
    float: left;
    border-bottom: 2px solid #fff
}

@media only screen and (min-width:768px) {
    .tab-wrapper ul.tabs li {
        font-size: 18px;
        padding: 10px 15px
    }
}

.tab-wrapper ul.tabs li.current {
    color: #2a53c1;
    border-bottom: 2px solid #2a53c1
}

.tab-wrapper .tab-content {
    display: none;
    padding: 15px
}

.article-comments.article-block-comments .comment-arrow,
.gallery-list {
    padding-bottom: 25px
}

.tab-wrapper .tab-content.current {
    display: inherit
}

.tab-wrapper .ui-selectable .ui-widget-content,
.tab-wrapper .ui-selectable.chkbox .ui-widget-content.ui-selected {
    background-color: #fff
}

.article-comments {
    margin: 25px 0
}

@media only screen and (min-width:768px) {
    .article-comments {
        margin: 40px 0
    }
}

.article-comments.article-block-comments {
    border-bottom: 1px solid #DDD
}

.article-comments.article-block-comments .comment-arrow.active {
    background-position: -57px 0
}

.article-comments.article-block-comments #commentsForm,
.article-comments.article-block-comments .comments {
    display: none
}

.article-comments.article-block-comments #commentsForm.active,
.article-comments.article-block-comments .comments.active {
    display: block;
    padding-bottom: 40px
}

.article-comments .head {
    margin-bottom: 20px;
    color: #2a53c1;
    font: 28px/28px NotoSerif;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .article-comments .head {
        font: 33px/33px NotoSerif
    }
}

.article-comments .head:before {
    width: 30px;
    height: 30px;
    content: " ";
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../../images/icons-sprite.svg) -81px -273px no-repeat
}

.article-comments .comments-logout {
    display: block;
    color: #2a53c1;
    margin-bottom: 15px;
    font-size: 14px;
    text-align: center;
    margin-top: 15px
}

@media only screen and (min-width:768px) {
    .article-comments .comments-logout {
        margin: 0;
        font-size: 16px;
        float: right;
        width: 50%;
        text-align: right
    }
}

.article-comments .comments-logout img {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    vertical-align: middle
}

@media only screen and (min-width:768px) {
    .article-comments .comments-logout img {
        width: 30px;
        height: 30px
    }
}

.article-comments .comments-logout .comments-user {
    display: inline-block;
    max-width: calc(100% - 110px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.article-comments form {
    display: block;
    width: 100%;
    margin-bottom: 25px
}

.article-comments .article-comment-types,
.article-comments .comments-number,
.article-comments span.caption {
    display: none
}

.article-comments .comments .comments-item {
    position: relative;
    padding: 15px;
    border: 1px solid #e7e7e7;
    font: 16px/21px NotoSans;
    color: #000;
    margin-top: 25px
}

.article-comments .comments .comments-item:first-child {
    margin: 0
}

.article-comments .comments .comments-item .rightinfo {
    position: absolute;
    top: 15px;
    left: 70px;
    color: #000;
    font: 14px/18px "NotoSerif Italic";
    max-width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: elipsis
}

.article-comments .comments .comments-item .rightinfo time {
    position: absolute;
    top: 22px;
    font: 12px/18px "NotoSerif Italic";
    min-width: 120px;
    color: #989898
}

.article-comments .comments .comments-item p {
    font: 14px/21px NotoSans
}

.article-comments .comments .comments-item .text {
    margin-top: 20px
}

.article-comments .comments .comments-item .response {
    position: absolute;
    bottom: -13px;
    right: 20px;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #fff
}

.article-comments .comments .inner-form {
    padding: 15px;
    margin-top: 25px;
    background-color: #f6f6f6
}

.article-comments .comments .inner-form .head {
    font: 24px/24px NotoSerif
}

.article-comments .comments .inner-form form {
    margin: 0
}

.article-comments .info {
    position: relative
}

.article-comments .info img {
    width: 42px;
    height: 42px
}

.article-comments .rating {
    color: #989898;
    font: 20px/26px NotoSerif;
    position: absolute;
    top: -30px;
    right: 15px;
    display: inline-block;
    background: #fff;
    padding: 2px 3px 2px 6px
}

@media only screen and (min-width:768px) {
    .article-comments .comments .comments-item .rightinfo {
        left: 82px
    }
    .article-comments .info img {
        width: 52px;
        height: 52px
    }
    .article-comments .rating {
        top: -37px;
        right: 7px;
        font: 30px/36px NotoSerif
    }
}

.article-comments .actionsrow {
    position: absolute;
    top: 30px;
    right: 15px
}

.article-comments .actionsrow .userVoteDownNum,
.article-comments .actionsrow .userVoteUpNum {
    font-size: 18px;
    color: #989898;
    padding-left: 26px;
    display: inline-block;
    margin-left: 12px;
    font-family: NotoSans;
    background-image: url(../../images/icons-sprite.svg)
}

.main-wrapper h1,
.vesti-galleryList h3,
.vesti-galleryList h4 {
    font-family: NotoSerif
}

@media only screen and (min-width:768px) {
    .article-comments .actionsrow {
        top: 33px
    }
    .article-comments .actionsrow .userVoteDownNum,
    .article-comments .actionsrow .userVoteUpNum {
        margin-left: 22px
    }
}

.article-comments .actionsrow .userVoteDownNum:hover,
.article-comments .actionsrow .userVoteUpNum:hover {
    cursor: pointer
}

.article-comments .actionsrow .userVoteUpNum {
    background-position: -188px -280px
}

.article-comments .actionsrow .userVoteDownNum {
    background-position: -188px -329px
}

.article-comments .back-to-top,
.article-comments p.info {
    display: none
}

.layout-standart {
    max-width: 1280px;
    margin: 0 auto;
    background: #fff
}

@media only screen and (max-width:319px) {
    .layout-standart {
        padding: 0
    }
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .layout-standart {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .layout-standart {
        padding: 0 15px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .layout-standart {
        padding: 0 82px
    }
}

@media only screen and (min-width:992px) {
    .layout-standart {
        padding: 0 130px
    }
}

.layout-standart.full {
    max-width: none
}

.layout-standart .page-content-wrapper {
    padding: 0 0 44px
}

.layout-standart .banner-premium {
    margin-bottom: 36px
}

.main-wrapper h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 15px 0;
    display: block;
    font-weight: 400;
    max-width: 1280px;
    color: #000;
    padding: 0 15px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .main-wrapper h1 {
        font-size: 30px;
        line-height: 30px;
        margin: 21px auto 26px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .main-wrapper h1 {
        font-size: 38px;
        line-height: 44px;
        margin: 25px auto 35px
    }
}

@media only screen and (min-width:992px) {
    .main-wrapper h1 {
        font-size: 38px;
        line-height: 52px;
        margin: 30px auto
    }
}

.container-fluid.gallery-opened {
    position: absolute;
    min-height: 700px;
    width: 100%
}

.container-fluid.gallery-opened .vesti-v {
    z-index: 100
}

.ed-galleryHeader,
.ed-galleryList .ed-imageWrapper>img,
.ed-galleryList .img-desc {
    position: relative;
    z-index: 200
}

.main-wrapper.top.gallery {
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .main-wrapper.top.gallery .container-fluid {
        margin-top: -19px
    }
}

.block-gallery-white {
    background: #eae9e9
}

@media only screen and (min-width:992px) {
    .block-gallery-white {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        width: 330px;
        border-bottom: 1px solid #ededed
    }
    .ed-galleryHeader {
        max-width: 300px
    }
}

.block-gallery-white .btn-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    font-size: 30px;
    background: #2a53c1;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 300;
    font-family: FiraSans
}

.block-gallery-white .btn-close a {
    color: #fff
}

.ed-galleryHeader h1 {
    color: #000;
    text-align: left;
    padding: 0 15px;
    font: 20px/26px NotoSerif;
    margin: 0
}

.slide-info .slide,
.slide-info .slide-num,
.slide-info .slide-sep {
    font: 24px/30px FiraSans
}

.ed-galleryHeader .article-category {
    margin-bottom: 10px
}

.ed-galleryHeader .article-info {
    margin: 10px 0 0
}

@media only screen and (min-width:768px) {
    .ed-galleryHeader .article-info {
        margin: 10px 0 25px
    }
}

.ed-galleryHeader .article-info .seen {
    margin-right: 15px
}

.ed-galleryWrapper {
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .ed-galleryWrapper {
        width: 100%;
        margin: -18px 0 0
    }
    .ed-galleryWrapper:before {
        position: absolute;
        background: #ededed;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 100%;
        content: " ";
        display: block;
        height: 100%
    }
}

.ed-galleryWrapper .facebookButtonShareVestiArticle {
    display: none
}

@media only screen and (min-width:992px) {
    .ed-galleryWrapper .facebookButtonShareVestiArticle {
        display: inline-block;
        float: right
    }
}

.slide-info {
    display: block
}

.slide-info .slide {
    color: #ff7800
}

.slide-info .slide-sep {
    color: #dcdcdc;
    padding: 0 3px
}

.slide-info .slide-num {
    color: #000
}

.ed-single-gallery-page .time-stamp {
    font-size: 14px;
    color: #8e8e8e
}

.ed-single-gallery-page .gallery-wrapper {
    margin: 30px auto
}

.ed-single-gallery-page .fb-btn-wrapper {
    text-align: right
}

.ed-single-gallery-page .content {
    margin-bottom: 40px
}

.ed-single-gallery-page .content-bottom-underline {
    margin-top: 40px
}

.ed-single-gallery-page .photoes-section-title {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 42px
}

@media screen and (max-width:767px) {
    .ed-single-gallery-page .photoes-section-title {
        font-size: 34px;
        margin-top: 20px
    }
}

@media screen and (max-width:575px) {
    .ed-single-gallery-page .photoes-section-title {
        margin-top: 10px;
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .ed-single-gallery-page .content {
        margin-bottom: 30px
    }
    .ed-single-gallery-page .content-bottom-underline {
        margin-top: 0
    }
    .ed-single-gallery-page .tags {
        display: none
    }
    .ed-single-gallery-page .gallery-wrapper {
        margin: 15px auto 30px
    }
}

.ed-gallery-holder {
    width: 100%;
    font: 17px/24px "FiraSans Bold";
    background: #eae9e9;
    position: relative
}

.ed-gallery-holder .ed-nav {
    display: none
}

@media screen and (min-width:992px) {
    .ed-gallery-holder {
        margin-bottom: 0;
        width: calc(100% - 330px)
    }
    .ed-gallery-holder .ed-nav {
        position: absolute;
        width: 55px;
        height: 72px;
        top: 35%;
        display: block;
        z-index: 250
    }
}

.ed-gallery-holder .ed-nav.ed-prev {
    left: 0;
    background: url(../../images/icons-sprite.svg) -170px -9px no-repeat
}

.ed-gallery-holder .ed-nav.ed-next {
    right: 0;
    background: url(../../images/icons-sprite.svg) -169px -106px no-repeat
}

.ed-galleryList {
    margin: 0
}

.ed-galleryList li {
    list-style: none;
    background: #eae9e9;
    margin: 0 0 15px;
    padding: 30px 0 0;
    border-top: 1px solid #fff
}

.ed-galleryList li:first-child {
    border-top: 0 none
}

@media screen and (min-width:992px) {
    .ed-galleryList li {
        margin: 0 0 35px;
        border: 0;
        padding: 0;
        display: none
    }
    .ed-galleryList .img-desc .img-desc {
        max-height: 150px;
        overflow-y: auto
    }
}

.ed-galleryList li.ed-banner {
    border-radius: 0;
    background: 0 0
}

.ed-galleryList li:last-child {
    margin: 0
}

.ed-galleryList .content-holder,
.ed-galleryList .content-holder p {
    color: #000;
    font: 17px/24px FiraSans
}

.ed-galleryList .content-holder p strong,
.ed-galleryList .content-holder strong,
.question-number.orange {
    font-family: "FiraSans Bold"
}

.ed-galleryList h3,
.ed-galleryList h4 {
    font-size: 16px;
    font-family: Roboto
}

.ed-galleryList h3 {
    padding: 12px 15px 15px;
    display: none
}

@media screen and (min-width:768px) {
    .ed-galleryList h3 {
        display: block;
        padding: 12px 0 15px;
        font-family: Roboto
    }
}

.ed-galleryList h3 b {
    display: none
}

.ed-galleryList h3>span {
    margin-right: 8px;
    font-weight: 700
}

.ed-galleryList h4 {
    padding: 12px 15px 15px
}

@media screen and (min-width:768px) {
    .ed-galleryList h4 {
        padding: 12px 0 15px
    }
}

.ed-galleryList img {
    border-radius: 0;
    display: block;
    margin: auto;
    max-width: 100%
}

.ed-galleryList .gallery-sources {
    color: #989898;
    font: 11px/16px "NotoSans Italic"
}

.ed-galleryList .ed-imageWrapper {
    text-align: center
}

.ed-galleryList .ed-imageWrapper .photographer,
.ed-galleryList .ed-imageWrapper .source {
    margin-right: 10px;
    font-size: 11px;
    font-family: Roboto;
    color: #dcdcdc
}

.ed-galleryList .ed-imageWrapper .photographer p,
.ed-galleryList .ed-imageWrapper .source p {
    display: inline
}

.ed-galleryList .img-desc {
    font-size: 16px;
    font-family: Roboto
}

@media screen and (max-width:767px) {
    .ed-galleryList .img-desc {
        padding: 10px 15px
    }
}

@media screen and (min-width:576px) {
    .ed-galleryList .ed-nav,
    .ed-galleryList li.ed-selected {
        display: block
    }
    .ed-galleryList li {
        border-radius: 4px;
        padding: 28px 30px 30px;
        position: relative;
        margin: 0
    }
    .ed-galleryList .ed-imageWrapper {
        border-radius: 4px;
        text-align: center;
        margin: 5px 0 20px;
        position: relative;
        min-height: 440px
    }
    .ed-galleryList .ed-imageWrapper>img {
        max-height: 440px
    }
}

@media screen and (min-width:992px) {
    .ed-galleryList {
        position: relative
    }
    .ed-galleryList li {
        box-sizing: border-box
    }
    .ed-galleryList .ed-imageWrapper {
        width: 100%;
        position: relative;
        height: 100%
    }
    .ed-galleryList h3 {
        font-size: 19px;
        overflow: hidden;
        padding-left: 0;
        display: block
    }
    .ed-galleryList h3>span span {
        display: none
    }
    .ed-galleryList h3>span {
        float: right;
        white-space: nowrap;
        font-size: 22px;
        margin-left: 10px
    }
    .ed-galleryList h3>span b {
        display: inline
    }
    .ed-galleryList .gallery-premium {
        position: absolute;
        display: block;
        bottom: 30px;
        right: 0;
        margin: 0;
        z-index: 2;
        height: 250px;
        width: 34%;
        padding-left: 0;
        overflow: hidden
    }
    .ed-galleryList .gallery-premium h4 {
        top: 0;
        right: 15px
    }
    .ed-galleryList .ed-nav {
        top: 40%
    }
    .ed-galleryList .ed-imageWrapper>img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-height: 512px
    }
}

.gallery-text-wrapper .ed-galleryHeader .article-info,
.gallery-text-wrapper .ed-galleryHeader h1 {
    display: none
}

@media only screen and (max-width:1366px) and (min-width:992px) {
    .ed-galleryList,
    .ed-galleryList li.ed-selected {
        max-height: 800px
    }
    .ed-galleryList {
        overflow: hidden
    }
    .ed-galleryList li {
        height: 800px
    }
    .ed-galleryList .ed-imageWrapper {
        min-height: 540px;
        max-height: 540px;
        margin: 0 30px 20px 0
    }
    .ed-galleryList .ed-imageWrapper>img {
        max-height: 540px
    }
}

@media screen and (min-width:1367px) {
    .ed-galleryList {
        max-height: 900px;
        overflow: hidden
    }
    .ed-galleryList li {
        height: 900px
    }
    .ed-galleryList li.ed-selected {
        max-height: 930px
    }
    .ed-galleryList .ed-imageWrapper {
        margin: 0 30px 0 0;
        min-height: 540px;
        max-height: 700px
    }
    .ed-galleryList .ed-imageWrapper>img {
        max-height: 540px;
        max-height: 700px
    }
}

.ed-galleryWrapper.social .ed-galleryList {
    max-height: initial!important
}

.ed-galleryWrapper.social .ed-galleryList li {
    height: auto;
    min-height: 600px;
    max-height: initial!important
}

.ed-galleryWrapper.social .ed-imageWrapper {
    min-height: initial!important;
    max-height: initial!important
}

.ed-galleryWrapper.social .ed-galleryList .ed-imageWrapper>img {
    max-height: initial;
    top: initial;
    -ms-transform: initial;
    transform: initial
}

.ed-galleryWrapper.social .ed-embed-wrapper {
    margin: 25px auto;
    width: 100%;
    text-align: center
}

.ed-galleryWrapper.social .ed-embed-wrapper .instagram-media,
.ed-galleryWrapper.social .ed-embed-wrapper .twitter-tweet,
.ed-galleryWrapper.social .ed-embed-wrapper .twitter-tweet .EmbeddedTweet,
.ed-galleryWrapper.social .ed-embed-wrapper iframe {
    width: 100%!important;
    max-width: 500px!important;
    margin: 0 auto!important
}

@media only screen and (min-width:768px) {
    .gallery-text-wrapper .ed-galleryHeader .article-info,
    .gallery-text-wrapper .ed-galleryHeader h1 {
        display: block
    }
    .gallery-list {
        padding-bottom: 50px
    }
}

.gallery-list .card-item .text-holder {
    padding: 14px 55px 14px 16px
}

.gallery-list .card-item.leading.biggest {
    height: 480px;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px)
}

@media only screen and (min-width:768px) {
    .gallery-list .card-item.leading.biggest {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.gallery-list .card-item.leading.biggest img {
    z-index: 100;
    width: auto;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(1.16);
    -webkit-transform: translateX(-50%) scale(1.16);
    transition-property: transform
}

.gallery-list .card-item.leading.biggest .text-holder {
    top: 0;
    padding: 15px;
    width: 100%;
    background: #2a53c1;
    text-align: center;
    display: table;
    bottom: auto
}

@media only screen and (min-width:768px) {
    .gallery-list .card-item.leading.biggest {
        height: 588px
    }
}

@media only screen and (min-width:1200px) {
    .gallery-list .card-item.leading.biggest .text-holder {
        top: 0;
        padding: 15px;
        width: calc((100% - 15px)/ 3 - 15px);
        background: #2a53c1;
        text-align: center;
        display: table;
        height: 100%
    }
}

@media only screen and (min-width:1200px) and (min-width:1200px) {
    .gallery-list .card-item.leading.biggest figcaption {
        display: table-cell;
        vertical-align: middle
    }
}

.gallery-list section>div {
    float: left
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .gallery-list section>div:nth-of-type(4) {
        display: none
    }
}

@media only screen and (max-width:319px) {
    .gallery-wrapper {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .gallery-wrapper {
        padding: 0 15px
    }
}

@media only screen and (min-width:768px) {
    .gallery-wrapper {
        margin: 0 15px;
        width: calc(100% - 30px)
    }
}

.gallery-wrapper .vesti-galleryHeader .article-info,
.gallery-wrapper .vesti-galleryHeader h1 {
    display: block
}

.vesti-galleryWrapper {
    position: relative;
    width: 100%;
    margin-top: 26px;
    overflow: hidden
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .vesti-galleryWrapper {
        width: calc(100% - 70px);
        margin: 26px 0 0 70px;
        overflow: visible
    }
}

@media only screen and (min-width:992px) {
    .vesti-galleryWrapper {
        width: calc(100% - 88px);
        margin: 26px 0 0 88px;
        overflow: visible
    }
}

.vesti-galleryHeader h1 {
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width:768px) {
    .vesti-galleryHeader h1 {
        font-size: 45px;
        line-height: 48px
    }
}

.vesti-single-gallery-page .time-stamp {
    font-size: 14px;
    color: #8e8e8e
}

.vesti-single-gallery-page .gallery-wrapper {
    margin: 30px auto
}

.vesti-single-gallery-page .content {
    margin-bottom: 40px
}

.vesti-single-gallery-page .photoes-section-title {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 42px
}

@media screen and (max-width:767px) {
    .vesti-single-gallery-page .photoes-section-title {
        font-size: 34px;
        margin-top: 20px
    }
}

@media screen and (max-width:575px) {
    .vesti-single-gallery-page .photoes-section-title {
        margin-top: 10px;
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .vesti-single-gallery-page .content {
        margin-bottom: 30px
    }
    .vesti-single-gallery-page .content-bottom-underline {
        margin-top: 0
    }
    .vesti-single-gallery-page .tags {
        display: none
    }
    .vesti-single-gallery-page .gallery-wrapper {
        margin: 15px auto 30px
    }
}

.vesti-galleryList {
    margin: 0;
    height: 480px
}

@media screen and (max-width:992px) and (min-width:768px) {
    .vesti-galleryList {
        height: 745px
    }
}

@media screen and (min-width:992px) {
    .vesti-galleryList {
        height: 505px
    }
}

.vesti-galleryList li {
    visibility: hidden;
    list-style: none;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vesti-galleryList li.vesti-selected {
    visibility: visible
}

.vesti-galleryList .vesti-nav {
    position: absolute;
    width: 55px;
    height: 72px;
    top: 35%;
    right: 0;
    display: none;
    z-index: 2
}

.vesti-galleryList .vesti-nav.vesti-prev {
    left: 0;
    background: url(../../images/icons-sprite.svg) -170px -9px no-repeat
}

.vesti-galleryList .vesti-nav.vesti-next {
    background: url(../../images/icons-sprite.svg) -169px -106px no-repeat;
    right: 0
}

@media screen and (min-width:768px) {
    .gallery-wrapper .vesti-galleryHeader .article-info,
    .gallery-wrapper .vesti-galleryHeader h1 {
        display: none
    }
    .vesti-galleryList p {
        padding: 0 0 15px
    }
}

.vesti-galleryList h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 70px 15px 15px;
    display: none;
    position: relative
}

.vesti-galleryList h3>span span {
    display: none
}

@media screen and (min-width:768px) {
    .vesti-galleryList h3 {
        display: block;
        padding: 70px 0 15px
    }
}

.vesti-galleryList h3 b {
    display: none
}

.vesti-galleryList h3>span {
    position: absolute;
    top: 26px;
    right: 15px;
    font-size: 30px;
    line-height: 30px
}

.vesti-galleryList h4 {
    font-size: 14px;
    padding: 12px 15px 15px
}

@media screen and (min-width:768px) {
    .vesti-galleryList h4 {
        padding: 12px 0 15px
    }
}

.vesti-galleryList img {
    height: 100%;
    width: auto;
    display: block;
    z-index: 100;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition-property: transform
}

.vesti-galleryList ::-webkit-scrollbar {
    width: 10px
}

.vesti-galleryList ::-webkit-scrollbar-track {
    background: #f1f1f1
}

.vesti-galleryList ::-webkit-scrollbar-thumb {
    background: #888
}

.vesti-galleryList ::-webkit-scrollbar-thumb:hover {
    background: #FFF
}

.vesti-galleryList .img-desc-outer {
    display: none;
    overflow-x: hidden;
    padding-right: 10px
}

@media screen and (max-width:991px) and (min-width:768px) {
    .vesti-galleryList .img-desc-outer {
        display: block;
        height: 116px
    }
}

@media screen and (min-width:991px) {
    .vesti-galleryList .img-desc-outer {
        display: block;
        height: 278px
    }
}

.vesti-galleryList .gallery-sources {
    display: none;
    padding: 0;
    position: absolute;
    bottom: 20px
}

@media screen and (max-width:991px) and (min-width:768px) {
    .vesti-galleryList .gallery-sources {
        display: block;
        left: 15px
    }
}

@media screen and (min-width:991px) {
    .vesti-galleryList .gallery-sources {
        display: block;
        left: calc(66.67% + 30px)
    }
}

.vesti-galleryList .photographer,
.vesti-galleryList .source {
    font-size: 11px;
    font-family: "NotoSerif Italic";
    color: #999
}

.vesti-galleryList .photographer p,
.vesti-galleryList .source p {
    display: inline
}

.vesti-galleryList .img-desc {
    display: none;
    color: #fff7f7;
    font-size: 16px;
    line-height: 22px;
    font-family: FiraSans
}

@media screen and (max-width:767px) {
    .vesti-galleryList .img-desc {
        padding: 0 15px 10px;
        max-height: 120px;
        overflow-y: scroll
    }
}

@media screen and (min-width:768px) {
    .vesti-galleryList .img-desc {
        display: block
    }
    .vesti-galleryList .img-desc .img-desc {
        display: block;
        max-height: 300px;
        overflow-y: auto
    }
}

.vesti-galleryList li {
    border-radius: 4px;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box
}

.vesti-galleryList .vesti-imageWrapper {
    background: 0 0;
    text-align: center;
    margin: 0 -15px;
    position: relative;
    min-height: 480px;
    max-height: 480px;
    overflow: hidden
}

@media screen and (max-width:991px) and (min-width:768px) {
    .vesti-galleryList .vesti-imageWrapper {
        margin: 0 -15px
    }
    .vesti-galleryList .vesti-imageWrapper .vesti-nav {
        display: block
    }
}

@media screen and (min-width:992px) {
    .vesti-galleryList .vesti-imageWrapper {
        float: left;
        width: 66.67%;
        position: relative;
        height: 100%;
        margin: 0 30px 0 0;
        min-height: 505px
    }
    .vesti-galleryList .vesti-imageWrapper .vesti-nav {
        display: block
    }
}

.vesti-galleryList .vesti-imageWrapper>img {
    max-height: 480px;
    min-height: 480px
}

@media screen and (min-width:768px) {
    .vesti-galleryList .vesti-imageWrapper>img {
        min-height: 505px;
        position: relative;
        z-index: 1
    }
    .vesti-galleryList {
        position: relative
    }
    .vesti-galleryList h3 {
        font-size: 24px;
        line-height: 30px;
        overflow: hidden;
        padding-left: 0;
        display: block;
        color: #fff7f7;
        font-family: NotoSerif
    }
    .vesti-galleryList h3>span span {
        display: inline-block
    }
    .vesti-galleryList h3>span {
        white-space: nowrap;
        font-size: 22px
    }
    .vesti-galleryList h3>span b {
        display: inline
    }
    .vesti-galleryList .vesti-nav {
        top: 40%
    }
}

.gallery-text-wrapper .vesti-galleryHeader .article-info,
.gallery-text-wrapper .vesti-galleryHeader h1 {
    display: none
}

@media only screen and (min-width:768px) {
    .gallery-text-wrapper {
        width: 66%;
        float: left;
        padding: 0 30px
    }
    .gallery-text-wrapper .vesti-galleryHeader .article-info,
    .gallery-text-wrapper .vesti-galleryHeader h1 {
        display: block
    }
    .polls-container {
        float: left
    }
}

.polls-holder {
    list-style-type: none
}

.polls-holder .poll-box {
    padding: 25px 15px;
    margin: 0 0 28px
}

@media only screen and (min-width:768px) {
    .polls-holder .poll-box {
        padding: 35px 25px
    }
}

.polls-holder .poll-title {
    color: #000;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px
}

@media only screen and (min-width:576px) {
    .polls-holder .poll-title {
        font-size: 30px;
        line-height: 36px
    }
}

.polls-holder .poll-box label,
.polls-holder .poll-field span {
    color: #000;
    font-size: 18px;
    line-height: 20px
}

.polls-holder .btn.btn-white {
    margin-right: 28px
}

@media only screen and (max-width:575px) {
    .polls-holder .btn.btn-white {
        width: 140px
    }
}

@media only screen and (min-width:576px) {
    .polls-holder .poll-box label,
    .polls-holder .poll-field span {
        font-size: 19px;
        line-height: 24px
    }
    .polls-holder .btn.btn-white {
        margin-right: 58px
    }
}

.polls-holder .list-item.s4x4 {
    margin: 32px -15px -25px;
    background-color: #f4f4f4;
    padding-left: 15px;
    padding-right: 15px
}

.quizzes-list .card-item,
.selectric-items,
.vesti-subscribe-page.container-fluid>header {
    background: #fff
}

@media only screen and (min-width:768px) {
    .polls-holder .list-item.s4x4 {
        margin: 32px -25px -35px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.polls-holder .list-item.s4x4 .label-holder {
    line-height: 8px;
    margin-bottom: 12px
}

.polls-holder .list-item.s4x4 .poll-to-article {
    color: #2a53c1;
    font-size: 14px;
    margin-top: 12px;
    font-family: "NotoSans Bold";
    text-transform: uppercase
}

.author-info h1,
.author-info h2,
.quizzes-quiz .article-text h2,
.quizzes-quiz .article-text strong {
    font-family: NotoSerif
}

.has-branding .quizzes-quiz .powered-by {
    border-top: none;
    margin-top: -10px
}

.has-branding .quizzes-quiz .article-footer-info .powered-by {
    margin-top: 0;
    border-top: 1px solid #cfcfcf
}

.quizzes-quiz .quizz-rezult .article-text strong {
    font: NotoSerif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px
}

@media only screen and (min-width:768px) {
    .quizzes-quiz .quizz-rezult .article-text strong {
        font-size: 33px;
        line-height: 30px
    }
}

.quizzes-quiz .article-text .card-item.leading {
    height: 300px
}

.quizzes-quiz .article-text .card-item.leading img {
    width: 100%;
    height: auto
}

.quizzes-quiz .article-text .card-item.leading .label-quiz {
    top: 15px;
    left: 34px;
    position: absolute
}

.quizzes-quiz .article-text .card-item.leading h2 {
    font-size: 30px;
    line-height: 36px
}

.quiz-holder {
    margin-bottom: 50px
}

@media only screen and (min-width:992px) {
    .quiz-holder {
        margin-bottom: 0;
        float: left;
        width: calc(100% - 330px)
    }
}

.quizzes-wrapper {
    width: 100%;
    position: relative
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .quizzes-wrapper {
        padding-left: 98px
    }
}

@media only screen and (min-width:1200px) {
    .quizzes-wrapper {
        padding-left: 183px
    }
}

.quizzes-wrapper .img-main,
.quizzes-wrapper .img-main img {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative
}

.image-heading {
    font: 24px/30px NotoSerif;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300;
    padding: 0 15px 20px;
    color: #fff
}

@media only screen and (min-width:768px) {
    .image-heading {
        font: 30px/36px NotoSerif
    }
}

.question-number {
    color: #fff;
    background: rgba(0, 0, 0, .4);
    font: 30px/46px FiraSans;
    height: 46px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 300;
    padding: 0 13px 0 10px
}

.question-number:after {
    right: -13px;
    width: 0;
    height: 0;
    content: " ";
    font-size: 0;
    color: transparent;
    border-top: 46px solid transparent;
    border-left: 13px solid rgba(0, 0, 0, .4);
    position: absolute
}

.question-number.orange {
    color: #ff7800;
    background: rgba(255, 255, 255, .7)
}

.question-number.orange:after {
    border-left: 13px solid rgba(255, 255, 255, .7)
}

h1.quizz-label:before {
    display: inline-block;
    margin-right: 10px;
    content: " ";
    width: 60px;
    height: 20px;
    background: url(../../images/label-quizzes-big.svg) center center no-repeat;
    background-size: contain;
    line-height: 26px;
    vertical-align: baseline
}

@media only screen and (min-width:768px) {
    h1.quizz-label:before {
        width: 118px;
        height: 35px;
        line-height: 48px;
        margin-right: 20px;
        background-size: 118px 35px
    }
}

@media only screen and (max-width:767px) {
    .quizzes .page-content-wrapper {
        margin-top: 22px
    }
}

article.quizzes.layout-standart .img-main {
    max-width: initial;
    width: 100%;
    margin-left: 0;
    position: relative
}

article.quizzes figure.img-main>img {
    max-width: initial
}

.quizzes figure.img-main div span {
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 2;
    background: #000;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000", GradientType=0)
}

@media only screen and (min-width:576px) {
    aside.right-column {
        margin-bottom: -36px
    }
}

.image-quizz .answer {
    padding: 15px 15px 0 36px!important
}

.image-quizz .answer:before {
    top: 10px!important
}

.image-quizz.layout-standart .img-main {
    max-width: initial;
    width: 100%;
    margin-left: 0;
    position: relative
}

.image-quizz .answer-row {
    display: table;
    margin-bottom: 5px
}

@media only screen and (min-width:320px) {
    .quizzes figure.img-main div span {
        left: 0;
        right: 0;
        width: 100%
    }
    .image-quizz .answer-row {
        margin-bottom: 10px
    }
}

.image-quizz .ui-selectable {
    margin-bottom: 26px
}

.image-quizz .ui-widget-content {
    width: 50%;
    background-color: #f4f4f4;
    display: table-cell;
    height: 100%;
    position: relative;
    padding: 0
}

.image-quizz .ui-widget-content:nth-child(odd) {
    border-right: 3px solid #fff
}

.image-quizz .ui-widget-content:nth-child(even) {
    border-left: 3px solid #fff
}

.image-quizz .ui-widget-content div {
    width: 100%;
    display: table-cell;
    padding: 0 0 15px
}

@media only screen and (max-width:575px) and (min-width:320px) {
    .image-quizz .ui-widget-content:nth-child(odd) {
        border-right: 5px solid #fff
    }
    .image-quizz .ui-widget-content:nth-child(even) {
        border-left: 5px solid #fff
    }
    .image-quizz .ui-widget-content div {
        padding: 5px 5px 12px
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .image-quizz .ui-widget-content:nth-child(odd) {
        border-right: 5px solid #fff
    }
    .image-quizz .ui-widget-content:nth-child(even) {
        border-left: 5px solid #fff
    }
    .image-quizz .ui-widget-content div {
        padding: 15px 15px 12px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .image-quizz .ui-widget-content:nth-child(odd) {
        border-right: 5px solid #fff
    }
    .image-quizz .ui-widget-content:nth-child(even) {
        border-left: 5px solid #fff
    }
    .image-quizz .ui-widget-content div {
        padding: 5px 5px 12px
    }
}

@media only screen and (min-width:992px) {
    .image-quizz .ui-widget-content:nth-child(odd) {
        border-right: 5px solid #fff
    }
    .image-quizz .ui-widget-content:nth-child(even) {
        border-left: 5px solid #fff
    }
    .image-quizz .ui-widget-content div {
        padding: 15px 15px 12px
    }
}

.image-quizz .ui-widget-content img {
    width: 100%;
    height: auto
}

.image-quizz .question-text {
    display: block;
    padding: 0 15px 26px;
    position: relative;
    color: #000;
    font: 24px/30px NotoSerif
}

@media only screen and (min-width:768px) {
    .image-quizz .ui-selectable {
        margin-bottom: 32px
    }
    .image-quizz .question-text {
        font: 42px/48px NotoSerif;
        padding: 0 0 36px
    }
}

.image-quizz .question-number {
    font-size: 19px;
    height: 43px;
    width: 43px;
    text-align: center;
    margin-right: 12px;
    line-height: 43px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (min-width:320px) {
    .image-quizz .question-number {
        font-size: 28px;
        height: 53px;
        line-height: 53px
    }
}

.image-quizz .section-more-holder {
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    .image-quizz .section-more-holder {
        padding: 0
    }
}

.author-info {
    text-align: left;
    padding: 0 15px;
    margin: 0 0 30px
}

.author-info .img-holder {
    width: 100%;
    height: 258px;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:576px) {
    .author-info .img-holder {
        margin: 0 35px 0 0;
        width: 160px;
        height: 160px;
        float: left
    }
}

.author-info .img-holder img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform
}

.author-info .author-data {
    position: relative;
    margin-left: 45px;
    width: calc(100% - 45px)
}

@media only screen and (min-width:576px) {
    .author-info .author-data {
        margin: 0;
        padding: 28px 0 0;
        width: calc(100% - 195px);
        float: left
    }
}

.author-info .author-data:before {
    content: "";
    display: block;
    width: 3px;
    height: 66px;
    background: #2a53c1;
    position: absolute;
    left: -32px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    top: 4px
}

.author-info h1 {
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 30px;
    margin: 12px 0 14px;
    padding: 0
}

@media only screen and (min-width:768px) {
    .author-info h1 {
        font-size: 33px;
        line-height: 30px;
        margin: 0 0 10px
    }
}

.author-info h2 {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 8px
}

.author-info .authors-text {
    text-align: left;
    color: #989898;
    font-size: 14px;
    line-height: 20px;
    font-family: NotoSans
}

.section-title {
    color: #000;
    font: 20px/30px "FiraSans Bold";
    margin: 0 0 12px
}

.search-page {
    padding-top: 24px
}

.main-wrapper .search {
    width: 100%;
    margin: 0 0 20px;
    position: relative
}

.main-wrapper .search .searchTopButton {
    position: absolute;
    right: 15px;
    top: 1px;
    bottom: 1px;
    padding-left: 51px;
    background: url(../../images/icons-sprite.svg) -2px -155px no-repeat #2a53c1;
    border: 0;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .search-page {
        padding-top: 35px
    }
    .main-wrapper .search .searchTopButton {
        padding-left: 60px;
        background-position: 1px -150px
    }
}

.main-wrapper .search .searchTopField {
    width: 100%;
    height: 48px;
    padding: 0 60px 0 15px;
    border: 1px solid #2a53c1;
    font-size: 22px;
    font-family: FiraSans;
    color: #000
}

@media only screen and (min-width:768px) {
    .main-wrapper .search .searchTopField {
        font-size: 30px;
        height: 58px;
        padding: 0 70px 0 36px
    }
}

footer {
    background-color: #2a53c1;
    text-align: center;
    padding: 36px 0 0
}

footer .limited {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px;
    position: relative
}

footer .google-news-link {
    font: 14px FiraSans;
    color: #fff;
    display: inline-flex!important;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #fff;
    height: 34px;
    padding: 0 15px;
    margin-top: 7px;
    text-decoration: none
}

footer .google-news-link img {
    margin-right: 14px
}

footer .google-news-link:hover {
    text-decoration: none
}

@media only screen and (max-width:991px) {
    footer .social {
        margin-bottom: 40px
    }
}

footer .social .share {
    margin-top: 25px
}

footer .social .share a {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 7px;
    background-image: url(../../images/icons-sprite.svg);
    background-size: 500px 418px
}

footer .social .share .fb {
    background-position: 196px -14px
}

footer .social .share .fb:hover {
    background-position: 196px -79px
}

@media only screen and (min-width:576px) {
    .author-info .author-data:before {
        left: -37px
    }
    footer .social .share a {
        width: 54px;
        height: 54px;
        margin: 0 16px;
        background-size: 613px 500px
    }
    footer .social .share .fb {
        background-position: 240px -12px
    }
    footer .social .share .fb:hover {
        background-position: 240px -92px
    }
}

footer .mobile-app {
    width: 308px;
    margin: 0 auto
}

footer .mobile-app h4 {
    font-size: 18px;
    line-height: 24px;
    font-family: NotoSerif;
    color: #fff;
    font-weight: 400;
    margin-bottom: 12px
}

footer .about a,
footer .products a {
    font-family: FiraSans
}

footer .mobile-app a {
    display: inline-block
}

footer .products {
    text-align: center;
    margin-bottom: 40px
}

@media only screen and (min-width:992px) {
    footer .mobile-app {
        float: left;
        margin-left: 15px
    }
    footer .products {
        float: right;
        text-align: right;
        width: calc(100% - 380px)
    }
}

footer .products a {
    font-size: 15px;
    line-height: 28px;
    color: #f8f8f8;
    text-decoration: none;
    padding: 0 10px
}

footer .products a:hover {
    text-decoration: underline
}

footer .about {
    text-align: center
}

@media only screen and (min-width:992px) {
    footer .about {
        text-align: right;
        float: right;
        width: calc(100% - 380px)
    }
}

footer .about a {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    padding: 0 12px
}

footer .about a:hover {
    text-decoration: underline
}

footer .reserved {
    position: relative;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #d4d4d4;
    background-color: #fff
}

footer .reserved .netinfo {
    width: 55px;
    height: 28px;
    position: absolute;
    top: 32px;
    left: 15px
}

@media (min-width:600px) {
    footer .reserved .netinfo {
        width: 60px;
        height: 31px;
        margin-left: 15px
    }
}

footer .reserved .copy {
    color: #aaa;
    font-size: 14px;
    display: block;
    font-family: NotoSans
}

@media only screen and (max-width:575px) {
    footer .reserved .copy {
        font-size: 12px
    }
}

footer .reserved .copy a {
    color: #3b3e3f
}

footer .reserved .copy a:hover {
    color: #3b3e3f;
    text-decoration: underline
}

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

footer .reserved img {
    display: inline-block;
    width: 54px;
    height: 60px
}

@media only screen and (min-width:992px) {
    .page-404 {
        width: calc(100% + 320px);
        margin: 0 0 0 -160px
    }
}

.img-with-text {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-family: NotoSerif;
    text-align: center
}

.img-with-text img {
    width: auto;
    height: 100%;
    position: relative;
    left: 47%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (max-width:786px) and (min-width:960px) {
    .img-with-text img {
        transform: translateX(-50%) scale(1.2);
        -webkit-transform: translateX(-50%) scale(1.2)
    }
}

.img-with-text .err-info {
    position: absolute;
    top: 30px;
    padding: 0 15px;
    width: 100%
}

.img-with-text .err-info .err-msg {
    color: #2a53c1;
    font: 24px/45px NotoSerif
}

@media only screen and (min-width:992px) {
    .img-with-text .err-info .err-msg {
        font-size: 45px;
        line-height: 48px
    }
}

.img-with-text .err-info .err-code {
    color: #2a53c1;
    font: 105px/105px NotoSerif
}

@media only screen and (min-width:992px) {
    .img-with-text .err-info .err-code {
        font-size: 185px;
        line-height: 185px
    }
}

.img-with-text .err-info .err-desc h1 {
    color: #000;
    font: 20px/48px NotoSerif;
    font-weight: 400
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .img-with-text .err-info .err-desc h1 {
        font-size: 24px
    }
}

@media only screen and (min-width:992px) {
    .img-with-text .err-info .err-desc h1 {
        font-size: 45px
    }
}

.img-with-text .err-info .err-desc .err-text {
    font: 16px/25px NotoSerif
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .img-with-text .err-info .err-desc .err-text {
        font-size: 18px
    }
}

.vesti-subscribe-page .vesti-v .vesti-silhouette {
    opacity: .27;
    z-index: 10;
    background-image: url(../../images/v_bgr_blue.svg)
}

.main-wrapper.top.subscribe-page {
    position: relative;
    top: 52px;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0!important
}

@media only screen and (min-width:992px) {
    .img-with-text .err-info .err-desc .err-text {
        font-size: 19px
    }
    .main-wrapper.top.subscribe-page {
        width: 100%;
        max-width: 100%
    }
}

.main-wrapper.top.subscribe-page .form-title {
    font-family: "NotoSerif Bold";
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 40px;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .main-wrapper.top.subscribe-page {
        top: 67px
    }
    .main-wrapper.top.subscribe-page .form-title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 50px
    }
}

.main-wrapper.top.subscribe-page .form-title .smaller {
    color: #fff;
    display: block;
    padding-top: 25px;
    font-size: 22px;
    line-height: 28px;
    font-family: NotoSerif
}

@media only screen and (min-width:768px) {
    .main-wrapper.top.subscribe-page .form-title .smaller {
        padding-top: 50px;
        font-size: 36px;
        line-height: 44px
    }
}

.main-wrapper.top.subscribe-page .img-with-text {
    width: 100%;
    overflow: visible;
    position: relative;
    font-family: NotoSerif;
    text-align: center
}

.main-wrapper.top.subscribe-page .img-with-text img {
    width: auto;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (max-width:786px) and (min-width:960px) {
    .main-wrapper.top.subscribe-page .img-with-text img {
        transform: translateX(-50%) scale(1.2);
        -webkit-transform: translateX(-50%) scale(1.2)
    }
}

.main-wrapper.top.subscribe-page .wrap-newletter-page {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background: 0 0;
    padding: 0 15px
}

.main-wrapper.top.subscribe-page .wrap-newletter-page .msg.error {
    color: #ff7800
}

.main-wrapper.top.subscribe-page .subscribe-btn-wrap {
    display: block
}

.main-wrapper.top.subscribe-page .input-wrapper {
    width: 100%
}

@media only screen and (min-width:768px) {
    .main-wrapper.top.subscribe-page .wrap-newletter-page {
        top: 120px
    }
    .main-wrapper.top.subscribe-page .subscribe-btn-wrap {
        display: inline
    }
    .main-wrapper.top.subscribe-page .subscribe-btn-wrap .btn-white {
        margin: 0 0 0 20px
    }
    .main-wrapper.top.subscribe-page .input-wrapper {
        width: 60%;
        float: left
    }
}

.main-wrapper.top.subscribe-page .input-wrapper label.msg {
    display: block;
    margin: 0
}

.main-wrapper.top.subscribe-page .form-group {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.main-wrapper.top.subscribe-page .form-group .input-group {
    display: inline-flex;
    width: 100%
}

.main-wrapper.top.subscribe-page .form-group .input-group input {
    height: 40px;
    width: 100%
}

.main-wrapper.top.subscribe-page .btn-white {
    margin-top: 20px
}

@media only screen and (min-width:768px) {
    .main-wrapper.top.subscribe-page .btn-white {
        float: left;
        margin: 0
    }
}

.main-wrapper.top.subscribe-page #mc-form .input {
    border: none;
    border-radius: 0;
    outline-style: none;
    box-shadow: none;
    width: 100%
}

.main-wrapper.top.subscribe-page #mc-form .input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    height: 40px;
    font-size: 20px;
    font-family: "NotoSans Bold";
    color: #adbadd
}

article #sticker {
    float: left;
    width: 100%
}

article .miniIframe {
    position: fixed;
    width: 150px;
    z-index: 999
}

article .main-video iframe {
    max-height: 181px!important;
    min-width: auto!important;
    padding-bottom: 0!important
}

.form-row {
    min-height: 90px;
    margin-bottom: 8px
}

.form-row label {
    color: #000;
    font: 14px/18px NotoSerif
}

@media only screen and (min-width:992px) {
    .form-row label {
        font: 19px/22px NotoSerif
    }
}

.form-row input[type=text] {
    width: 100%;
    display: block;
    height: 38px;
    border: 1px solid #2a53c1;
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    .form-row {
        min-height: 93px;
        margin-bottom: 10px
    }
    .form-row input[type=text] {
        height: 40px
    }
}

.form-row .err-msg {
    display: none
}

.form-row.error .err-msg {
    font: 12px/24px NotoSerif;
    color: #9b1b26;
    font-size: 12px;
    display: block
}

textarea {
    display: block;
    width: 100%;
    border: 1px solid #2a53c1;
    height: 42px;
    padding: 6px 12px;
    transition: all .2s ease-in-out
}

@media only screen and (min-width:768px) {
    textarea {
        height: 52px;
        padding: 10px 32px;
        font-size: 19px;
        line-height: 29px
    }
    .vicove-page {
        padding-left: 230px
    }
}

textarea.expanded {
    height: 200px
}

.selectric-items,
.selectric-items ul,
.selectric-items ul li {
    width: 100%
}

@media only screen and (max-width:768px) and (min-width:576px) {
    .selectric-items ul li {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .selectric-items ul li {
        width: 33.33%;
        float: left
    }
}

@media only screen and (min-width:1200px) {
    .selectric-items ul li {
        width: 25%;
        float: left
    }
}

.selectric-items ul li span {
    color: #000;
    font: 14px/20px NotoSans
}

.selectric {
    background-color: #fff
}

.selectric .button,
.vicove-band {
    background: #ffc600
}

.selectric .label {
    color: #000;
    font: 16px/38px NotoSerif
}

.selectric .button:after {
    top: 10px;
    border: 9px solid transparent;
    border-top-color: #fff
}

.vicove-page {
    position: relative;
    width: 100%
}

@media only screen and (min-width:992px) {
    .vicove-page {
        width: calc(100% - 330px);
        min-width: calc(100% - 330px);
        float: left
    }
}

.vicove-page .selectric,
.vicove-page input[type=text],
.vicove-page textarea {
    border: 1px solid #ffc600
}

.vicove-page .section-more-holder {
    padding-top: 25px;
    margin-bottom: 40px;
    border-top: 1px solid #dcdcdc
}

.vicove-page .section-more-holder .btn {
    margin-left: 15px;
    margin-right: 15px
}

.vicove-tpl .vesti-mainWrap {
    margin-top: 105px
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .vicove-tpl .vesti-mainWrap {
        margin-top: 121px
    }
}

@media only screen and (min-width:768px) {
    .vicove-tpl .vesti-mainWrap {
        margin-top: 137px
    }
}

.vicove.main-wrapper.top {
    padding-top: 0
}

.vicove.main-wrapper.top section {
    background: #fff;
    padding-top: 0
}

.vicove .article-share {
    display: block;
    position: static;
    margin-top: 30px
}

.vicove .article-share .facebookButtonShareVestiArticle {
    width: 150px;
    margin: 0 auto
}

h1.vicove-category {
    display: none
}

h1.vicove-category.mobile {
    display: block;
    padding: 0
}

@media only screen and (min-width:768px) {
    h1.vicove-category {
        margin-top: 0;
        display: block
    }
    h1.vicove-category.mobile {
        display: none
    }
}

.vicove-band {
    height: 50px;
    position: absolute;
    z-index: 10;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    vertical-align: middle;
    top: 52px;
    left: 0;
    right: 0
}

@media only screen and (min-width:768px) {
    .vicove-band {
        top: 67px;
        height: 55px;
        padding: 0
    }
    .vicove-band .vicove-band-holder {
        position: relative
    }
}

.vicove-band .vicove-band-holder {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: visible;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
}

.vicove-band .vicove-band-holder .vicove-links {
    display: none
}

@media only screen and (min-width:576px) {
    .vicove-band .vicove-band-holder .vicove-links {
        line-height: 55px;
        height: 55px;
        display: inline-block;
        float: right
    }
    .vicove-band .vicove-band-holder .vicove-links a {
        color: #fff;
        font: 15px/55px "NotoSans Bold";
        display: inline-block;
        padding: 0 0 0 40px;
        position: relative
    }
    .vicove-band .vicove-band-holder .vicove-links a:before {
        content: "|";
        display: inline-block;
        color: #fff;
        position: absolute;
        left: 15px
    }
    .vicove-band .vicove-band-holder .vicove-links a:first-child {
        padding-left: 0
    }
    .vicove-band .vicove-band-holder .vicove-links a:first-child:before {
        display: none
    }
}

.vicove-nav-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

@media only screen and (min-width:768px) {
    .vicove-nav-wrapper {
        width: 200px;
        position: absolute;
        left: 15px
    }
    .vicove-nav-mobile {
        display: none
    }
}

.vicove-nav-mobile {
    height: 50px;
    overflow: hidden;
    background: #2a53c1;
    position: relative
}

.vicove-nav-mobile ul {
    list-style-type: none;
    overflow: hidden
}

.vicove-nav-mobile ul li {
    float: left;
    line-height: 50px;
    display: inline-block;
    padding: 0 15px
}

.vicove-nav-mobile ul li:before {
    content: "|";
    display: inline-block;
    color: #6287ed;
    position: relative;
    left: -15px
}

.vicove-nav-mobile ul li:first-child:before {
    display: none
}

.vicove-nav-mobile ul li a {
    color: #fff;
    font: 14px/18px "NotoSans Bold"
}

.vicove-nav-toggle {
    cursor: pointer;
    padding: 20px 7px 21px;
    vertical-align: middle;
    line-height: 7px;
    right: 0;
    top: 0;
    display: inline-block;
    position: absolute;
    z-index: 150;
    min-width: 50px;
    text-align: center;
    background: #2a53c1
}

@media only screen and (min-width:768px) {
    .vicove-nav-mobile ul li a {
        font-size: 15px
    }
    .vicove-nav-toggle {
        display: none
    }
}

.vicove-nav-toggle.toggle {
    padding-bottom: 26px;
    background: #fff;
    z-index: 400;
    -webkit-box-shadow: 0 -3px 6px -3px #989898, -3px -2px 6px -3px #989898, 3px -2px 6px -3px #989898;
    box-shadow: 0 -3px 6px -3px #989898, -3px -2px 6px -3px #989898, 3px -2px 6px -3px #989898
}

.vicove-nav-toggle.toggle .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #2a53c1;
    border-radius: 3px
}

.vicove-nav-toggle .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 3px
}

.vicove-nav-toggle .dot:nth-of-type(2) {
    margin: 0 1px
}

.vicove-nav-toggle:before {
    display: inline-block;
    height: 50px;
    width: 30px;
    position: absolute;
    content: " ";
    top: 0;
    left: -30px;
    background: -moz-linear-gradient(left, rgba(20, 20, 20, 0) 35%, #2a53c1 100%);
    background: -webkit-linear-gradient(left, rgba(20, 20, 20, 0) 35%, #2a53c1 100%);
    background: linear-gradient(to right, rgba(20, 20, 20, 0) 35%, #2a53c1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00141414", endColorstr="#2a53c1", GradientType=1)
}

.vicove-logo {
    padding: 7px 0;
    display: inline-block
}

.vicove-logo img {
    width: 115px;
    height: auto
}

.vicove-nav {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    list-style-type: none;
    padding: 15px;
    z-index: 100;
    top: 50px;
    -webkit-box-shadow: 0 0 6px #989898;
    box-shadow: 0 0 6px #989898
}

.vicove-nav .button,
.vicove-nav.visible {
    display: block
}

@media only screen and (min-width:768px) {
    .vicove-logo {
        margin-right: 40px
    }
    .vicove-nav {
        background: #2a53c1;
        display: block;
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .vicove-nav .button {
        display: none;
        padding: 10px 0 25px
    }
}

.vicove-nav .button a {
    margin: 0
}

.breadcrumb a,
.small-popup .small-popup-content .btn {
    margin-right: 15px
}

.vicove-nav li {
    width: 100%;
    padding: 7px 0
}

.vicove-nav li a {
    color: #2a53c1;
    font: 14px/18px "NotoSans Bold"
}

@media only screen and (min-width:768px) {
    .vicove-nav li {
        padding: 10px 0
    }
    .vicove-nav li a {
        color: #fff;
        font-size: 15px
    }
}

.vicove-nav li a.active {
    color: #ffc600
}

.breadcrumb {
    width: 100%;
    background: #fff;
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .breadcrumb {
        padding: 0;
        margin-bottom: 40px
    }
}

.anecdote-share {
    margin-top: 15px;
    text-align: center
}

.anecdote-daily {
    background: #ebebeb;
    padding: 30px;
    margin-bottom: 15px
}

.anecdote-daily.anecdote {
    background: #fff;
    padding-top: 0
}

.label-anecdote-daily {
    color: #fff;
    font: 24px/35px NotoSerif;
    padding: 0 15px;
    height: 35px;
    display: inline-block;
    background-color: #ffc600;
    position: relative;
    left: -30px;
    margin-bottom: 20px
}

.label-anecdote-daily .arrow {
    width: 0;
    height: 0;
    content: ".";
    font-size: 0;
    color: transparent;
    border-top: 10px solid #ffc600;
    border-bottom: 20px solid #ffc600;
    position: absolute;
    right: -7px
}

.anecdote-list {
    list-style-type: none;
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    .anecdote-daily {
        margin-top: 0
    }
    .anecdote-list {
        padding: 0
    }
}

.anecdote-list.category li:first-child {
    border-top: none;
    padding-top: 0
}

.anecdote-list li {
    padding: 30px 0 20px;
    border-top: 1px solid #dcdcdc
}

.anecdote-list li:first-child {
    border: 0
}

.anecdote-text {
    margin-bottom: 20px
}

.anecdote p {
    color: #000;
    font: 18px/29px FiraSans
}

.small-popup {
    display: none;
    background: #fff;
    padding: 60px 15px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0
}

@media only screen and (min-width:768px) {
    .small-popup {
        width: 70%;
        max-width: 800px;
        height: 85%;
        max-height: 85%;
        padding: 50px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%)
    }
}

.small-popup.visible {
    display: block
}

.small-popup .back-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 30px;
    cursor: pointer
}

.small-popup .back-bar .back-text {
    color: #000;
    font-size: 14px
}

.small-popup .back-bar .back-text .arrow-btn {
    width: 30px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 1px 10px
}

.small-popup .back-bar .back-text i {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px
}

.small-popup .back-bar .back-text i.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.small-popup .back-bar .back-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    font-size: 30px;
    background: #2a53c1;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 300;
    font-family: FiraSans
}

.small-popup .small-popup-content {
    width: 100%;
    height: 100%
}

.small-popup p {
    text-align: center
}

.small-popup p.text {
    width: 100%;
    font: 12px/20px NotoSerif;
    margin-bottom: 15px;
    color: #000
}

@media only screen and (min-width:768px) {
    .small-popup p.text {
        font: 20px/26px NotoSerif;
        margin-bottom: 25px
    }
}

.small-popup p.text span {
    display: block;
    font: 22px/24px NotoSerif;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .small-popup p.text span {
        font: 24px/30px NotoSerif
    }
}

.adsense-block:before,
.vesti-responsive:before,
[id|=div-gpt-ad]>div>:before {
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14px
}

.vesti-progress-container {
    width: 100%;
    height: 4px;
    background: #2a53c1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 999
}

.vesti-progress-bar {
    height: 100%;
    width: 0;
    background: #ff7800;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.block-grey+.bannerPosition,
.w2g-slot6-desktop-loaded iframe {
    background: #f5f5f5
}

.banner-leaderboard>div {
    margin: 0 auto
}

.bannerPosition {
    width: 100%
}

.banner-rectangle {
    padding: 0 15px
}

.vestiInRead {
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

[id|=div-gpt-ad]>div {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0!important
}

[id|=div-gpt-ad]>div>* {
    display: inline-block;
    position: relative
}

[id|=div-gpt-ad]>div>:before {
    content: "реклама";
    font-size: 10px;
    font-size: .625rem;
    color: #666;
    position: absolute;
    top: -14px;
    right: 0
}

[id|=div-gpt-ad]>div iframe {
    margin: 0 auto;
    position: relative
}

.new_native_possition [id|=div-gpt-ad]>div>:before,
.new_native_possition>div>:before,
.remove-adsText [id|=div-gpt-ad]>div>:before,
.remove-adsText>div>:before {
    content: none
}

.w2g {
    max-width: 970px!important;
    max-height: 600px!important
}

.adsense-block,
.vesti-responsive {
    position: relative
}

.adsense-block:before,
.vesti-responsive:before {
    content: "реклама";
    font-size: 10px;
    font-size: .625rem;
    color: #666;
    float: right;
    padding-bottom: 2px
}

@media (min-width:1200px) {
    .sticky-right.stickey-fixed {
        top: 90px;
        width: 300px
    }
}

@media (min-width:992px) {
    .sticky-right.stickey-fixed {
        top: 90px
    }
}

@media (max-width:991px) {
    .sticky-right {
        position: relative!important
    }
}

.block-story {
    width: 100%;
    overflow: hidden;
    padding: 0 0 25px;
    margin: 0 auto 25px
}

.block-story .block-story-inner {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 260px
}

@media only screen and (min-width:768px) {
    .block-story {
        display: none
    }
}

.block-story .story-slides {
    position: absolute;
    overflow: hidden;
    color: #fff;
    z-index: 300;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.block-story .story-slides .story-image-filter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 400
}

.block-story .story-slides span {
    top: 0;
    left: 0;
    color: #fff;
    position: absolute;
    height: 50px;
    width: 50px;
    overflow: hidden;
    padding: 0 10px;
    font-size: 22px;
    line-height: 48px;
    font-family: NotoSerif;
    text-align: center
}

.block-story .story-progress {
    display: none
}

.block-story .story-items {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 260px
}

.block-story .story-item {
    padding: 0;
    margin: 0 15px 0 0;
    position: relative;
    overflow: hidden;
    width: 134px;
    float: left;
    height: 260px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 100
}

.block-story .story-image {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

.block-story .video-wrapper {
    position: relative;
    margin: 0;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.block-story .story-slide h2 {
    display: block;
    position: absolute;
    z-index: 250;
    bottom: 0;
    color: #fff;
    padding: 15px 10px;
    margin: 0;
    font-family: "NotoSerif Bold";
    font-size: 14px;
    line-height: 18px;
    max-height: 110px;
    overflow: hidden
}

.block-story .story-slide,
.block-story .story-slide h3 {
    display: none
}

.block-story .story-slide:first-child {
    display: block
}

.block-story .btn-close {
    display: none
}

.block-story .video-wrapper,
.block-story iframe,
.block-story video {
    z-index: 250
}

.block-story video {
    width: 100%;
    height: auto
}

.block-story.full {
    padding: 0;
    margin: 0;
    position: fixed;
    width: 100%!important;
    height: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #000
}

.block-story.full .story-progress {
    display: block;
    width: calc(100% - 30px);
    position: absolute;
    top: 10px;
    left: 15px;
    right: 15px;
    height: 2px;
    background: rgba(255, 255, 255, .6);
    z-index: 1100;
    overflow: hidden
}

.block-story.full .story-progress .bar-part {
    box-sizing: border-box;
    background: 0 0;
    height: 2px;
    position: relative;
    z-index: 650;
    float: left;
    border-left: 1px solid rgba(49, 68, 111, .65);
    border-right: 1px solid rgba(49, 68, 111, .65)
}

.block-story.full .story-progress .bar-overlay {
    width: 0;
    position: absolute;
    left: 0;
    height: 2px;
    z-index: 650;
    background: #F7F7F7;
    -webkit-transition: width 20ms;
    transition: width 20ms
}

.block-story.full .container-fluid {
    display: none!important
}

.block-story.full .story-items {
    display: block;
    position: relative;
    width: 100%!important;
    height: 100%!important
}

.block-story.full .story-slide h2 {
    display: none!important
}

.block-story.full .story-slide h3 {
    display: block!important;
    position: absolute;
    z-index: 500;
    bottom: 0;
    padding: 0 10px 15px
}

.block-story.full .story-slide h3 span {
    display: inline;
    padding: 8px;
    font-size: 22px;
    color: #fff;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 32px;
    border-radius: 0 3px 3px 0
}

.block-story.full .story-slide,
.block-story.full .story-slides {
    display: none
}

.block-story.full .story-slide.current-slide {
    display: block!important;
    background: #000;
    width: 100%;
    height: 100%;
    position: relative
}

.block-story.full .story-item {
    float: none
}

.block-story.full .btn-close {
    position: absolute;
    z-index: 1000;
    top: 25px;
    right: 0;
    width: 50px;
    height: 44px;
    display: block;
    background: url(../../images/btn-close.svg) center center no-repeat
}

.block-story.full .scene {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    perspective: 500px;
    overflow: hidden
}

.block-story.full .carousel {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s
}

.block-story.full .carousel__cell {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    line-height: 116px;
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    transition: transform 1s, opacity 1s;
    box-sizing: border-box
}

.block-story.full .carousel__cell:nth-child(1) {
    transform: rotateY(0) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(2) {
    transform: rotateY(40deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(3) {
    transform: rotateY(80deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(4) {
    transform: rotateY(120deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(5) {
    transform: rotateY(160deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(6) {
    transform: rotateY(200deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(7) {
    transform: rotateY(240deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(8) {
    transform: rotateY(280deg) translateZ(100%)
}

.block-story.full .carousel__cell:nth-child(9) {
    transform: rotateY(320deg) translateZ(100%)
}

.carousel-options {
    text-align: center;
    position: relative;
    z-index: 2;
    display: none
}

.wrap-newletter {
    width: 100%;
    margin-top: 40px;
    position: relative;
    border-top: 2px solid #2a53c1;
    border-bottom: 1px solid #DDD
}

.wrap-newletter #mc-form {
    position: relative;
    margin-bottom: 40px
}

.wrap-newletter #mc-form .mc-field-icon_wrap {
    position: relative;
    padding-left: 17px
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .wrap-newletter #mc-form .mc-field-icon_wrap {
        margin-right: -30px
    }
}

.wrap-newletter #mc-form .mc-field-icon_wrap .icon {
    position: absolute;
    right: 0;
    top: -20px
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .wrap-newletter #mc-form .mc-field-icon_wrap {
        margin-right: -70px
    }
    .wrap-newletter #mc-form .mc-field-icon_wrap .icon {
        right: 50px
    }
}

.wrap-newletter #mc-form .mc-field-group {
    line-height: 1;
    padding: 24px 0 40px;
    position: relative
}

@media only screen and (max-width:567px) {
    .wrap-newletter #mc-form .mc-field-group {
        padding: 20px 0
    }
}

@media only screen and (max-width:767px) {
    .wrap-newletter #mc-form .mc-field-group .mc-field-group_icon {
        position: absolute;
        left: 15px;
        bottom: -25px
    }
}

@media only screen and (min-width:768px) {
    .wrap-newletter #mc-form .mc-field-group .mc-field-group_icon {
        display: none
    }
}

.wrap-newletter #mc-form h3 {
    position: relative;
    font-family: "NotoSerif Bold";
    font-size: 22px;
    color: #000;
    padding-bottom: 24px;
    margin-bottom: 0;
    line-height: 1.3
}

@media only screen and (max-width:767px) {
    .wrap-newletter #mc-form h3 {
        height: auto;
        padding-bottom: 20px;
        text-align: center
    }
}

@media only screen and (max-width:567px) {
    .wrap-newletter #mc-form h3 {
        font-size: 18px;
        line-height: 22px
    }
}

.wrap-newletter #mc-form .form-group {
    margin-bottom: 0
}

@media only screen and (min-width:481px) {
    .wrap-newletter #mc-form .form-group {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:480px) {
    .wrap-newletter #mc-form .form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .wrap-newletter #mc-form .btn {
        float: right
    }
}

.wrap-newletter #mc-form .mc-field-group .msg {
    font-weight: 400;
    font-size: 14px;
    font-family: NotoSans;
    color: #2a53c1;
    text-align: center;
    display: block
}

.cta-links .cta-message,
.cta-links ul a,
.vesti-gallery-slider {
    font-family: FiraSans
}

@media only screen and (min-width:481px) {
    .wrap-newletter #mc-form .mc-field-group .msg {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.wrap-newletter #mc-form .mc-field-group .msg a,
.wrap-newletter #mc-form .mc-field-group .msg a:hover {
    color: #fff;
    text-decoration: underline
}

.wrap-newletter #mc-form .mc-field-group .msg.error {
    font-size: 14px;
    line-height: 1.5;
    color: #2a53c1;
    text-align: left;
    margin-top: -10px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .wrap-newletter #mc-form .mc-field-group .msg {
        text-align: left
    }
    .wrap-newletter #mc-form .mc-field-group .msg.error {
        margin-top: 1em;
        margin-bottom: 0
    }
}

.wrap-newletter #mc-form .mc-field-group .msg.error a::after {
    content: ">>"
}

.wrap-newletter #mc-form .mc-field-group .msg.valid {
    margin: -5px auto;
    color: #ffa600;
    font-size: 18px
}

.wrap-newletter #mc-form .input-group {
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .wrap-newletter #mc-form .input-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 25px
    }
    .wrap-newletter #mc-form .input-group-btn {
        display: block;
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) {
    .wrap-newletter #mc-form .input-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

.wrap-newletter #mc-form .input-group.error .input {
    border: 1px solid red
}

.wrap-newletter #mc-form .input {
    border: 1px solid #2a53c1;
    border-radius: 0;
    outline-style: none;
    box-shadow: none;
    font-size: 14px
}

.wrap-newletter #mc-form .input::-webkit-input-placeholder {
    color: #707070;
    font-family: FiraSans;
    font-size: 14px;
    line-height: 18px
}

.wrap-newletter #mc-form .input::-moz-placeholder {
    color: #707070;
    font-family: FiraSans;
    font-size: 14px;
    line-height: 18px
}

.wrap-newletter #mc-form .input:-ms-input-placeholder {
    color: #707070;
    font-family: FiraSans;
    font-size: 14px;
    line-height: 18px
}

.wrap-newletter #mc-form .input:-moz-placeholder {
    color: #707070;
    font-family: FiraSans;
    font-size: 14px;
    line-height: 18px
}

.wrap-newletter #mc-form .input:focus {
    outline: 0
}

#fingerprint,
.wrap-newletter #mc-form .hide {
    display: none!important
}

@media only screen and (max-width:767px) {
    .wrap-newletter #mc-form .input-group-btn {
        order: 2
    }
}

.wrap-newletter #mc-form .input-group-btn .btn.btn-white:hover {
    color: #2a53c1;
    background: url(../../images/btn-blue-left.svg) -15px -13px no-repeat #fff
}

.wrap-newletter #mc-form .btn {
    margin: 0
}

#fingerprint {
    bottom: 54px!important;
    z-index: 100!important
}

#fingerprint.visible {
    display: block!important
}

.onesignal-bell-launcher-button {
    display: none!important
}

.onesignal-bell-launcher-button.visible {
    display: block!important
}

.has-branding .vesti-mainWrap {
    z-index: 5;
    position: relative;
    margin: auto
}

@media only screen and (max-width:1600px) and (min-width:1366px) {
    .has-branding .vesti-mainWrap {
        max-width: 1126px
    }
}

@media only screen and (min-width:1600px) {
    .has-branding .vesti-mainWrap {
        max-width: 1280px
    }
}

@media only screen and (max-width:1980px) {
    .has-branding .vesti-mainWrap {
        margin-top: 268px
    }
}

@media only screen and (max-width:1600px) {
    .has-branding .vesti-mainWrap {
        margin-top: 17%
    }
}

@media only screen and (max-width:1279px) and (min-width:1024px) {
    .has-branding .vesti-mainWrap {
        margin-top: 22%
    }
}

@media only screen and (max-width:1023px) {
    .has-branding .vesti-mainWrap {
        margin-top: 12%
    }
}

.has-branding .vesti-mainWrap .main-wrapper.top.home .containerTop {
    padding-top: 15px
}

.has-branding .main-wrapper {
    z-index: 3;
    position: relative
}

body.has-branding {
    background-size: auto;
    background-position: center 68px!important
}

body.has-branding .article-standard,
body.has-branding .main-wrapper.top>section {
    background: #fff
}

body.has-branding .vesti-v {
    display: none
}

body.has-branding .banner-leaderboard {
    height: 0!important;
    overflow: hidden
}

@media only screen and (max-width:1980px) {
    body.has-branding {
        background-size: 1855px
    }
}

@media only screen and (max-width:1590px) {
    body.has-branding {
        background-size: 115% auto!important
    }
}

@media only screen and (max-width:1279px) and (min-width:1024px) {
    body.has-branding {
        background-size: 150% auto!important
    }
}

@media only screen and (max-width:1365px) and (min-width:1280px) {
    body.has-branding {
        background-size: 113% auto!important
    }
    .has-branding .main-wrapper,
    .has-branding .main-wrapper.article-normal {
        width: 1000px!important
    }
    .has-branding .article-big>article,
    .has-branding .article-normal>article {
        max-width: 1000px;
        padding: 0 86px 0 168px
    }
    .has-branding .article-big>article figure.img-main-gif>img,
    .has-branding .article-big>article figure.img-main>img,
    .has-branding .article-normal>article figure.img-main-gif>img,
    .has-branding .article-normal>article figure.img-main>img {
        width: 570px;
        margin: 0
    }
    .has-branding .article-normal>article.image-quizz figure.img-main-gif>img,
    .has-branding .article-normal>article.image-quizz figure.img-main>img,
    .has-branding .article-normal>article.quizzes figure.img-main-gif>img,
    .has-branding .article-normal>article.quizzes figure.img-main>img {
        width: 100%!important;
        margin: 0
    }
    .has-branding .article-normal>article.image-quizz .page-content-wrapper,
    .has-branding .article-normal>article.quizzes .page-content-wrapper {
        margin-left: -86px;
        width: calc(100% - 198px)
    }
    .has-branding .article-normal>article.image-quizz aside,
    .has-branding .article-normal>article.quizzes aside {
        margin-right: -66px
    }
}

@media only screen and (max-width:1600px) and (min-width:1366px) {
    body.has-branding {
        background-size: 115% auto!important;
        background-position: center 68px!important
    }
    .has-branding .main-wrapper,
    .has-branding .main-wrapper.article-normal {
        width: 1126px!important
    }
    .has-branding .article-big>article,
    .has-branding .article-normal>article {
        max-width: 1126px;
        padding: 0 86px 0 168px
    }
    .has-branding .article-big>article figure.img-main-gif>img,
    .has-branding .article-big>article figure.img-main>img,
    .has-branding .article-normal>article figure.img-main-gif>img,
    .has-branding .article-normal>article figure.img-main>img {
        width: 680px;
        margin: 0
    }
    .has-branding .article-normal>article.image-quizz figure.img-main-gif>img,
    .has-branding .article-normal>article.image-quizz figure.img-main>img,
    .has-branding .article-normal>article.quizzes figure.img-main-gif>img,
    .has-branding .article-normal>article.quizzes figure.img-main>img {
        width: 100%;
        margin: 0
    }
    .has-branding .article-normal>article.image-quizz .page-content-wrapper,
    .has-branding .article-normal>article.quizzes .page-content-wrapper {
        margin-left: -86px;
        width: calc(100% - 198px)
    }
    .has-branding .article-normal>article.image-quizz aside,
    .has-branding .article-normal>article.quizzes aside {
        margin-right: -66px
    }
}

@media only screen and (min-width:1600px) {
    body.has-branding {
        background-position: center 68px!important
    }
    body.has-branding .container-fluid {
        padding: 0 calc((100% - 1280px)/ 2)
    }
    .has-branding .main-wrapper,
    .has-branding .main-wrapper.article-normal {
        width: 1280px!important
    }
}

@media only screen and (min-width:1600px) and (min-width:1200px) {
    body.has-branding .nav-main {
        padding: 13px calc((100% - 1280px)/ 2)
    }
}

@media only screen and (min-width:1200px) {
    .has-branding .main-wrapper,
    .has-branding .main-wrapper.article-normal,
    .has-branding .main-wrapper.top>section {
        margin-top: 0
    }
    .has-branding .main-wrapper.top {
        padding-top: 0
    }
    body.has-branding .nav-main .article-share.showOnArticle {
        max-height: 52px;
        overflow: hidden;
        right: calc((100% - 1280px)/ 2 + 15px)
    }
}

@media only screen and (max-width:1999px) {
    .has-branding .main-wrapper,
    .has-branding .main-wrapper.article-normal,
    .has-branding .main-wrapper.top>section {
        margin-top: 0
    }
    .has-branding .main-wrapper.top {
        padding-top: 0
    }
}

body.vicove-tpl.has-branding {
    background-position: 50% 122px!important
}

@media only screen and (max-width:1980px) {
    body.vicove-tpl.has-branding .vesti-mainWrap {
        margin-top: 323px
    }
}

@media only screen and (max-width:1600px) {
    body.vicove-tpl.has-branding .vesti-mainWrap {
        margin-top: calc(17% + 100px)
    }
}

@media only screen and (max-width:1279px) and (min-width:1024px) {
    body.vicove-tpl.has-branding .vesti-mainWrap {
        margin-top: calc(22% + 55px)
    }
}

body.inspired .top {
    padding-bottom: 0
}

body.inspired .top.article-normal {
    padding-top: 0
}

@media only screen and (max-width:1199px) and (min-width:1024px) {
    body.inspired.has-branding {
        background-position: center 266px!important
    }
}

@media only screen and (min-width:1200px) {
    body.inspired.has-branding {
        background-position: center 197px!important
    }
}


/*! lightslider css and custom fixes **/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none
}

.lightSlider:after,
.lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper .usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSAction>.lSPrev:before,
.main-layout .slick-prev:before {
    content: "‹"
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction>a {
    color: #D8D8D8;
    font-family: arial
}

.lSAction>a:before {
    display: block;
    top: 5%;
    font-size: 70px;
    cursor: pointer;
    position: absolute;
    z-index: 999
}

.lSAction>a:hover {
    color: #0D329A
}

.lSAction>.lSPrev:before {
    left: 0
}

.lSAction>.lSNext:before {
    right: 0;
    content: "›"
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0!important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute!important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100%!important;
    max-width: none!important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider>* {
    float: right!important
}

@-webkit-keyframes rightEnd {
    0%,
    100% {
        left: 0
    }
    50% {
        left: -15px
    }
}

@keyframes rightEnd {
    0%,
    100% {
        left: 0
    }
    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {
    0%,
    100% {
        top: 0
    }
    50% {
        top: -15px
    }
}

@keyframes topEnd {
    0%,
    100% {
        top: 0
    }
    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {
    0%,
    100% {
        left: 0
    }
    50% {
        left: 15px
    }
}

@keyframes leftEnd {
    0%,
    100% {
        left: 0
    }
    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {
    0%,
    100% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {
    0%,
    100% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.gallery-lightslider {
    width: 100%;
    padding: 0 30px;
    margin: 15px auto 0;
    position: relative
}

.gallery-lightslider ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.gallery-lightslider p {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.1em;
    overflow: hidden;
    max-height: 45px
}

.gallery-lightslider li img {
    max-width: 100%
}

.leftFloat .video-wrapper {
    display: block;
    position: absolute;
    width: 300px;
    margin-bottom: 0;
    padding-top: 0
}

.leftFloat .gallery-lightslider {
    width: 300px;
    display: block;
    float: left;
    margin-left: 315px;
    background: #fff;
    padding-left: 0;
    margin-top: 0
}

.leftFloat .lSPrev {
    display: none
}

.leftFloat .video-wrapper iframe {
    position: relative
}

@media screen and (max-width:1860px) {
    .leftFloat .gallery-lightslider {
        width: 200px
    }
}

@media screen and (max-width:1650px) {
    .leftFloat .gallery-lightslider {
        width: 150px
    }
}

@media screen and (max-width:1499px) {
    .leftFloat .video-wrapper {
        display: block!important;
        max-width: 300px;
        position: relative
    }
    .leftFloat #sticker {
        height: 300px!important
    }
    .leftFloat .gallery-lightslider {
        margin-left: 0;
        width: 300px;
        margin-top: -30px
    }
    article #sticker .closeBtn {
        right: 50px!important
    }
}

@media screen and (max-width:991px) {
    article #sticker .closeBtn {
        display: none!important
    }
}

.sticky-main #sticker {
    float: left;
    width: 100%
}

article #sticker .closeBtn {
    display: none;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -20px;
    right: 0;
    cursor: pointer;
    background-color: transparent;
    margin-top: 0
}

.sticky-main .miniIframe {
    position: fixed;
    width: 150px;
    z-index: 999
}

.sticky-main .main-video iframe {
    width: 100%
}

.vesti-gallery-slider {
    font-size: 14px;
    margin-bottom: 20px
}

.made-for,
.powered-by-title {
    font-family: NotoSerif
}

.vesti-gallery-slider a {
    color: #000
}

.vesti-gallery-slider a:hover {
    text-decoration: underline
}

.vesti-gallery-slider .img-cont {
    position: relative;
    overflow: hidden;
    margin-bottom: .6em
}

.video-image-play-icon {
    position: relative
}

.video-image-play-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    content: " ";
    display: inline-block;
    width: 15px;
    height: 21px;
    background: url(../../images/icon-play.svg) no-repeat
}

.has-branding .nav-main,
.main-layout .banner-wrapper,
.main-layout .main-content,
.main-layout .stick-parent {
    position: relative
}

.has-branding .leaderboard {
    display: none
}

.made-for,
.powered-by-title a {
    display: flex;
    text-decoration: none
}

.has-branding .article-info-holder .powered-by {
    padding-top: 20px
}

.article-info-holder .powered-by {
    margin: 10px 14px;
    padding-top: 10px;
    border-top: 0
}

@media only screen and (max-width:575px) {
    .article-info-holder .powered-by {
        margin-bottom: 0;
        border: none
    }
}

.powered-by {
    padding: 20px 10px;
    clear: both;
    margin-bottom: 20px;
    color: #989898;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.powered-by-title {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px
}

.powered-by-title a {
    justify-content: center;
    align-items: center;
    color: inherit
}

.powered-by-logo {
    max-height: 24px;
    max-width: 140px;
    margin-left: 10px;
    vertical-align: middle
}

.made-for {
    align-items: center;
    margin-bottom: 7px;
    font-size: 13px;
    color: #2a53c1!important
}

.icon-star {
    display: inline-block;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: text-top;
    background: url(../../images/star.svg)
}

@media screen and (min-width:768px) {
    .article-info-holder .powered-by {
        margin-top: 0
    }
}

.main-layout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.main-layout .main-content,
.main-layout .side-content {
    flex: 0
}

.main-layout .side-content {
    display: flex;
    flex-direction: column
}

.main-layout .stick-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.main-layout .stick-parent:after {
    display: none!important
}

.main-layout .banner-wrapper>div {
    margin: 0 auto
}

.main-layout .banner-wrapper.flex {
    flex: 1
}

.main-layout .banner-wrapper.flex>div {
    position: sticky;
    top: 10px
}

.main-layout .stick-column {
    position: sticky;
    z-index: 2;
    top: 10px
}

.main-layout .side-content .stick-wrapper {
    display: flex;
    flex-direction: column
}

.main-layout .stick-wrapper {
    height: 100%
}

.main-layout .stick-wrapper.stick-column,
.main-layout .stick-wrapper.stick-column-ie {
    height: auto
}

.main-layout .stick-column-ie.fixed-bottom {
    position: fixed;
    bottom: 0
}

.main-layout .stick-column-ie.stay-bottom {
    position: absolute;
    bottom: 0
}

.main-layout .stick-column-ie.fixed-top {
    position: fixed;
    top: 0
}

.main-layout .stick-column-ie.stay-top {
    position: static
}

.main-layout .sticky-element-wrapper {
    padding: 1px 0
}

.main-layout .sticky-video .article-title {
    display: none
}

.main-layout .sticky-video.stuck {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    background-color: #fff
}

.main-layout .sticky-video.stuck .video-wrapper {
    float: left;
    width: 300px;
    margin-bottom: 0
}

.main-layout .sticky-video.stuck .slider-item {
    margin: 0 5px
}

.main-layout .sticky-video.stuck .slider-wrapper {
    float: right;
    width: calc(100% - 300px - 5px);
    margin-bottom: 10px
}

.main-layout .sticky-video.stuck .slider {
    margin: 0;
    padding-left: 0
}

.main-layout .sticky-video.stuck .slick-prev {
    opacity: 0;
    visibility: hidden
}

.main-layout .sticky-video.stuck.center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 0!important;
    width: 100%;
    max-width: 384px;
    height: 63px;
    margin: 0 auto 40px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5)
}

.main-layout .sticky-video.stuck.center .video-wrapper {
    float: left;
    width: 135px;
    padding-bottom: 63px
}

.main-layout .sticky-video.stuck.center .slider-wrapper {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%
}

.main-layout .sticky-video.stuck.center .article-title {
    display: block;
    float: right;
    width: calc(100% - 149px);
    max-height: 85%;
    overflow: hidden;
    margin: 0;
    padding: 0 48px 0 0;
    font-size: 13px;
    line-height: 1.3846153846;
    color: #000;
    font-weight: 400
}

.main-layout .sticky-video.stuck.center .close-stick {
    right: 15px;
    top: 50%;
    margin-top: -13px
}

.main-layout .close-stick {
    position: absolute;
    top: -7px;
    right: 2px
}

.main-layout .video-wrapper {
    position: relative;
    height: 0;
    margin-bottom: 25px;
    padding-bottom: 56.25%
}

.main-layout .video-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.main-layout .slider {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 20px;
    margin: 15px auto 0
}

.main-layout .slider.slick-initialized {
    display: block
}

.main-layout .slider-item {
    margin: 0 10px;
    height: auto
}

.main-layout .slider-item img {
    display: block;
    width: 100%
}

.main-layout .slider-item .img-wrapper {
    margin-bottom: 9px
}

.main-layout .slider-item .description {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    text-overflow: ellipsis;
    max-height: 3.4em
}

.main-layout .slider-item:not(.slick-slide) {
    float: left;
    width: 20%
}

.main-layout .slider-item:not(.slick-slide):nth-child(n+6) {
    display: none
}

.main-layout .slick-next,
.main-layout .slick-prev {
    position: absolute;
    top: 0;
    display: block;
    width: 20px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.main-layout .slick-next:before,
.main-layout .slick-prev:before {
    display: block;
    margin-top: -53px;
    font-size: 70px;
    color: #989898
}

.main-layout .slick-prev {
    left: 0
}

.main-layout .slick-next {
    right: 0
}

.main-layout .slick-next:before {
    content: "›"
}

@media only screen and (max-width:1740px) {
    .main-layout .sticky-video.stuck {
        width: 500px
    }
}

@media only screen and (max-width:1480px) {
    .main-layout .sticky-video.stuck {
        width: 300px;
        padding-right: 0
    }
    .main-layout .sticky-video.stuck .slider-wrapper {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%
    }
    .main-layout .close-stick {
        top: -26px;
        right: -5px
    }
}

@media screen and (max-width:1480px) and (min-width:992px) {
    .main-layout .sticky-video.stuck {
        right: 0;
        left: auto!important
    }
}

@media only screen and (max-width:768px) {
    .main-layout .slider-item:not(.slick-slide) {
        width: 31.3333%
    }
    .main-layout .slider-item:not(.slick-slide):nth-child(n+4) {
        display: none
    }
}

@media only screen and (max-width:420px) {
    .main-layout .slider-item:not(.slick-slide) {
        float: left;
        width: 50%
    }
    .main-layout .slider-item:not(.slick-slide):nth-child(n+3) {
        display: none
    }
}

.main-layout .banner-wrapper {
    margin-bottom: 25px
}

.main-layout .slider {
    margin-bottom: 20px
}

.main-layout .slider button:focus {
    outline: 0
}

.main-layout .slider-item {
    font-size: 15px;
    font-size: .9375rem;
    color: #000;
    outline: 0
}

@media only screen and (max-width:575px) {
    .main-layout .slick-list {
        padding: 0 20% 0 0;
        margin-left: 6px
    }
    .main-layout .slider {
        padding: 0;
        margin: -12px auto 48px
    }
    .main-layout .slider-item {
        margin: 0 6px
    }
    .main-layout .slider-item .img-wrapper {
        margin-bottom: 12px
    }
    .main-layout .slider-item .description {
        font-size: 13px;
        line-height: 15px;
        color: 0
    }
    .main-layout .sticky-element-wrapper {
        padding: 0;
        margin: 0 -15px
    }
}

.main-layout .slider-item:hover {
    color: #000
}

@media only screen and (max-width:575px) {
    .main-layout .slick-next,
    .main-layout .slick-prev {
        display: none!important
    }
}

.main-layout .sticky-video.stuck .video-wrapper {
    padding-top: 0;
    padding-bottom: 169px
}

.main-layout .sticky-video.stuck .slick-next:before {
    margin-top: 0
}

.main-layout .sticky-video.stuck.center {
    z-index: 310;
    margin-bottom: 54px
}

.main-layout .funBox {
    padding-right: 15px;
    padding-left: 15px
}

.main-layout .stick-column-ie.fixed-bottom,
.main-layout .stick-column-ie.fixed-top {
    z-index: 1;
    left: auto;
    right: auto
}

@media only screen and (min-width:768px) {
    .main-layout .last-news .box-one.ohnamama-block .box-title h2 {
        font-size: 27px
    }
}

.main-layout .last-news .box-one.pariteni-block .calendar-link .list-item figure {
    background-color: #f7f7f7
}

.main-layout .last-news .box-one.pariteni-block .calendar-link .list-item figure .text-holder {
    height: 80px
}

@media screen and (max-width:991px) {
    .main-layout .last-news .box-one.pariteni-block .calendar-link .list-item figure .text-holder {
        height: 90px
    }
}

.main-layout .last-news .box-one.pariteni-block .calendar-link .list-item figure h2 {
    line-height: 17px;
    padding-top: 5px;
    margin-bottom: 0;
    max-height: 100%;
    overflow: visible
}

.cta-links #cta-linksScroll,
.cta-links ul {
    overflow-x: auto;
    user-select: none
}

.main-layout .last-news .box-one.pariteni-block .calendar-link .list-item figure h2 a {
    line-height: 17px
}

@media screen and (min-width:992px) {
    .main-layout {
        margin-bottom: 50px
    }
    .main-layout.main-wrapper.search-page>section {
        padding-bottom: 0
    }
    .main-layout .block-photo,
    .main-layout .block-sport,
    .main-layout .block-stories,
    .main-layout .block-video,
    .main-layout .gallery,
    .main-layout .last-news,
    .main-layout .leading-news,
    .main-layout .photo-section,
    .main-layout .quizzes-quiz,
    .main-layout .vicove-page {
        margin: 0;
        padding: 0
    }
    .main-layout .last-news .box-one:last-child,
    .main-layout .last-news .box-two:last-child {
        margin-bottom: 0
    }
    .main-layout .funBox:first-child .sidebar-anecdote {
        margin-bottom: 50px
    }
    .main-layout .article-comments.clearfix:last-of-type,
    .main-layout .sidebar-anecdote {
        margin-bottom: 0
    }
}

@media only screen and (max-width:991px) {
    .main-layout {
        display: block
    }
    .main-layout .sticky-video.stuck {
        padding: 0;
        max-width: 400px;
        margin: 0 auto
    }
    .main-layout .sidebar-anecdote {
        margin-top: 25px
    }
}

@media only screen and (max-width:413px) {
    .main-layout .sticky-video.stuck.center {
        max-width: 290px
    }
}

.containerTop .banner-premium {
    width: 305px
}

.more-news {
    display: inline
}

.form-row input[type=password] {
    width: 100%;
    display: block;
    height: 42px;
    border: 1px solid #2a53c1;
    padding: 0 15px
}

.wrap-izbori .block-grey,
.wrap-izbori .list-item,
.wrap-partii .list-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.comment-header {
    display: inline;
    float: right;
    margin-bottom: 15px
}

.comment-header a {
    margin: 0 10px
}

.lost-password {
    margin: 15px 0 0
}

#fbNav {
    margin: 0 6px 10px 0
}

.main-layout .stick-wrapper {
    float: none
}

#gdpr-toggle {
    left: -100px;
    display: none!important
}

.wrap-izbori {
    margin-bottom: 50px
}

.wrap-izbori .box-title {
    margin-bottom: 30px
}

.wrap-izbori .izbori-icon:before {
    content: "";
    background: url(../../images/izbori.png) no-repeat;
    width: 42px;
    height: 50px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px
}

progress,
sub,
sup {
    vertical-align: baseline
}

@media only screen and (max-width:576px) {
    .wrap-izbori .box-title h2 {
        font-size: 24px
    }
    .wrap-izbori .izbori-icon:before {
        width: 38px;
        height: 46px
    }
}

.wrap-izbori .block-grey .btn {
    min-width: 230px;
    margin: 0 auto
}

.wrap-partii {
    padding: 15px;
    margin-bottom: 60px
}

.wrap-partii-title {
    margin-top: 22px
}

.wrap-partii .list-item {
    text-align: center
}

@media only screen and (min-width:992px) {
    .wrap-partii .list-item {
        text-align: left
    }
}

.wrap-partii .list-item .img-holder {
    float: none;
    margin: 0 auto 8px;
    width: 80px;
    height: 80px
}

.wrap-partii .list-item .img-holder img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

.wrap-partii figure>a {
    display: block;
    background: #FFF
}

.wrap-partii .list-item .text-holder h2 a,
.wrap-partii .list-item h2,
.wrap-partii .list-item h2 a {
    font-size: 12px;
    line-height: 17px;
    overflow-wrap: break-word;
    text-align: center
}

.cta-links {
    font-size: 14px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.cta-links .cta-message {
    color: #989898;
    line-height: 36px;
    margin-right: 10px
}

.cta-links a,
mark {
    color: #000
}

.cta-links ul::-webkit-scrollbar {
    display: none
}

.cta-links #cta-linksScroll.dragging {
    cursor: grabbing
}

.cta-links ul {
    display: flex;
    overflow-y: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

button,
hr,
input {
    overflow: visible
}

pre,
textarea {
    overflow: auto
}

.cta-links ul li {
    margin-right: 6px;
    padding: 0;
    flex: 0 0 auto
}

.cta-links ul li:last-child {
    margin-right: 0
}

.cta-links ul a {
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 36px;
    padding: 1px 11px 0;
    white-space: nowrap;
    cursor: pointer
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
legend,
main,
menu,
nav,
section {
    display: block
}

audio,
canvas,
label,
output,
progress,
video {
    display: inline-block
}

.cta-links ul a:hover {
    text-decoration: none;
    border-color: #B7B7B7;
    cursor: pointer
}

.cta-links ul a span {
    margin-right: 4px
}

.cta-links ul .icon-google-news {
    background: url(../../images/cta-icons/icon-googleNews.svg) center center no-repeat;
    width: 23px;
    height: 19px
}

.cta-links ul .icon-facebook {
    background: url(../../images/cta-icons/icon-facebook.svg) center center no-repeat;
    width: 21px;
    height: 21px
}

.cta-links ul .icon-viber {
    background: url(../../images/cta-icons/icon-viber.svg) center center no-repeat;
    width: 21px;
    height: 23px
}

.cta-links ul .icon-newsletter {
    background: url(../../images/cta-icons/icon-news-letter.svg) center center no-repeat;
    width: 23px;
    height: 23px
}

.cta-links ul .icon-instagram {
    background: url(../../images/cta-icons/icon-instagram.svg) center center no-repeat;
    width: 20px;
    height: 20px
}

a,
table {
    background-color: transparent
}

@media screen and (min-width:768px) {
    .cta-links {
        margin-top: 30px
    }
}


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend {
    margin-bottom: .5rem
}

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

a {
    -webkit-text-decoration-skip: objects;
    color: #0275d8;
    text-decoration: none
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

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

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

button,
select {
    text-transform: none
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

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

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

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

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

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

body {
    margin: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

address {
    font-style: normal
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}

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

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

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

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

th {
    text-align: left
}

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

input[type=checkbox]:disabled,
input[type=radio]:disabled {
    cursor: not-allowed
}

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

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

legend {
    width: 100%;
    padding: 0;
    font-size: 1.5rem
}

input[type=search] {
    -webkit-appearance: none
}

[hidden] {
    display: none!important
}